Metode jQuery noConflict()

Bagaimana cara menggunakan jQuery dan Framework lainnya secara bersamaan di halaman?

jQuery dan Framework JavaScript lainnya

Seperti yang Anda tahu, jQuery menggunakan simbol $ sebagai singkatan untuk jQuery.

Apakah jika kerangka kerja JavaScript lainnya juga menggunakan simbol $ sebagai singkatan?

Beberapa kerangka kerja JavaScript lainnya termasuk: MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Closure, Ember, Batman serta Ext JS.

Beberapa kerangka kerja juga menggunakan simbol $ sebagai singkatan (seperti jQuery), jika dua kerangka kerja yang berbeda Anda gunakan menggunakan simbol singkatan yang sama, hal ini dapat menyebabkan skrip berhenti berjalan.

Tim jQuery memikirkan masalah ini dan melaksanakan metode noConflict().

Metode jQuery noConflict()

Metode noConflict() akan melepaskan kontrol atas identitas $, sehingga skrip lain dapat menggunakannya.

Contoh

Tentu, Anda masih dapat menggunakan singkatan dengan nama lengkap untuk menggunakan jQuery:

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery masih berjalan!");
  });
});

Coba sendiri

Contoh

Anda juga dapat membuat singkatan sendiri. noConflict() dapat mengembalikan referensi untuk jQuery, Anda dapat menyimpannya dalam variabel untuk digunakan nanti. Lihat contoh ini:

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery masih berjalan!");
  });
});

Coba sendiri

Contoh

Jika blok kode jQuery Anda menggunakan singkatan $ dan Anda tidak mau mengubah jalan cepat ini, maka Anda dapat membawa simbol $ sebagai variabel ke metode ready. Dengan cara ini, Anda dapat menggunakan simbol $ di dalam fungsi - dan di luar fungsi, masih harus menggunakan "jQuery":

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery masih berjalan!");
  });
});

Coba sendiri

Panduan Referensi Pusat jQuery

Untuk perspektif yang lengkap tentang metode metode pusat jQuery, silakan kunjungi Panduan Referensi Pusat jQuery.