jQuery - Metode noConflict()


Bagaimana jika Anda ingin menggunakan kerangka kerja lain di halaman Anda, sambil tetap menggunakan jQuery?


jQuery dan Kerangka JavaScript Lainnya

Seperti yang sudah Anda ketahui; jQuery menggunakan $tanda sebagai jalan pintas untuk jQuery.

Ada banyak kerangka kerja JavaScript populer lainnya seperti: Angular, Backbone, Ember, Knockout, dan banyak lagi.

Bagaimana jika kerangka kerja JavaScript lain juga menggunakan tanda $ sebagai jalan pintas?

Jika dua kerangka kerja berbeda menggunakan pintasan yang sama, salah satunya mungkin berhenti berfungsi.

Tim jQuery telah memikirkan hal ini, dan menerapkan noConflict()metodenya.


Metode jQuery noConflict()

Metode noConflict()ini melepaskan penangguhan pada pengidentifikasi pintasan $, sehingga skrip lain dapat menggunakannya.

Anda tentu saja masih dapat menggunakan jQuery, cukup dengan menulis nama lengkap sebagai ganti pintasan:

Contoh

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery is still working!");
  });
});

Anda juga dapat membuat pintasan sendiri dengan sangat mudah. Metode noConflict()ini mengembalikan referensi ke jQuery, yang dapat Anda simpan dalam variabel, untuk digunakan nanti. Berikut ini contohnya:

Contoh

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

Jika Anda memiliki blok kode jQuery yang menggunakan $pintasan dan Anda tidak ingin mengubah semuanya, Anda dapat meneruskan proses $masuk sebagai parameter ke metode siap. Ini memungkinkan Anda untuk mengakses jQuery menggunakan $, di dalam fungsi ini - di luarnya, Anda harus menggunakan "jQuery":

Contoh

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery is still working!");
  });
});

Referensi Lain-lain jQuery

Untuk gambaran lengkap tentang semua metode jQuery Misc, silakan buka Referensi jQuery Misc kami .