jQuery - noConflict() Yöntemi


JQuery kullanırken sayfalarınızda başka çerçeveler kullanmak isterseniz ne olur?


jQuery ve Diğer JavaScript Çerçeveleri

Bildiğin üzere; jQuery, $işareti jQuery için kısayol olarak kullanır.

Angular, Backbone, Ember, Knockout ve daha fazlası gibi birçok popüler JavaScript çerçevesi vardır.

Ya diğer JavaScript çerçeveleri de kısayol olarak $ işaretini kullanıyorsa?

İki farklı çerçeve aynı kısayolu kullanıyorsa, bunlardan biri çalışmayı durdurabilir.

jQuery ekibi bunu zaten düşünmüş ve noConflict()yöntemi uygulamıştır.


jQuery noConflict() Yöntemi

Yöntem noConflict(), diğer komut dosyalarının kullanabilmesi için $ kısayol tanımlayıcısındaki bekletmeyi serbest bırakır.

Elbette, kısayol yerine tam adı yazarak jQuery'yi kullanmaya devam edebilirsiniz:

Örnek

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

Kendi kısayolunuzu da çok kolay bir şekilde oluşturabilirsiniz. Yöntem noConflict(), daha sonra kullanmak üzere bir değişkene kaydedebileceğiniz jQuery'ye bir başvuru döndürür. İşte bir örnek:

Örnek

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

Kısayolu kullanan bir jQuery kod bloğunuz varsa $ve hepsini değiştirmek istemiyorsanız, $oturum açmayı hazır yöntemine parametre olarak iletebilirsiniz. Bu, bu işlevin içinde , kullanarak jQuery'ye erişmenizi sağlar $- bunun dışında "jQuery" kullanmanız gerekir:

Örnek

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

jQuery Çeşitli Referansı

Tüm jQuery Misc yöntemlerine tam bir genel bakış için lütfen jQuery Misc Reference sayfamıza gidin .