Latest web development tutorials

jQuery noConflict () metode

Cara menggunakan jQuery dan kerangka kerja lain pada halaman?


jQuery dan kerangka kerja lainnya JavaScript

Seperti yang telah Anda pelajari, jQuery menggunakan simbol $ sebagai jQuery singkatan.

Jika kerangka lainnya JavaScript menggunakan simbol $ sebagai singkatan untuk bagaimana melakukan?

Beberapa kerangka kerja lainnya JavaScript meliputi: Mootools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Penutupan, Ember, Batman dan Ext JS.

Beberapa kerangka kerja menggunakan simbol $ sebagai singkatan (seperti jQuery), jika Anda berdua menggunakan kerangka kerja yang berbeda dengan singkatan yang sama, dapat menyebabkan script untuk berhenti berjalan.

Tim jQuery untuk mempertimbangkan masalah ini, dan menyadari noConflict () metode.


jQuery noConflict () metode

noConflict () metode akan merilis kontrol akan menjadi $ pengenal, sehingga skrip lain dapat menggunakannya.

Tentu saja, Anda masih dapat singkatan nama lengkap dari cara alternatif untuk menggunakan jQuery:

contoh

$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍然在工作!");
});
});

Coba »

Anda juga dapat membuat singkatan sendiri. noConflict () mengembalikan referensi ke jQuery, Anda bisa memasukkannya ke dalam sebuah variabel untuk digunakan nanti. Pertimbangkan contoh ini:

contoh

var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery 仍然在工作!");
});
});

Coba »

Jika Anda menggunakan $ singkatan blok kode jQuery, dan Anda tidak ingin mengubah cara pintas ini, Anda dapat menempatkan simbol $ dilewatkan sebagai argumen untuk metode siap. Sehingga Anda dapat menggunakan simbol $ dalam fungsi - dan berfungsi di luar, masih kita harus menggunakan "jQuery":

contoh

$.noConflict();
jQuery(document).ready(function($){
$("button").click(function(){
$("p").text("jQuery 仍然在工作!");
});
});

Coba »