jQuery noConflict() yöntemi

Sayfada jQuery ve diğer çerçeveleri nasıl aynı anda kullanılır?

jQuery ve diğer JavaScript çerçeveleri

Daha önce öğrendiğiniz gibi, jQuery $ sembolünü jQuery'nin kısaltması olarak kullanır.

Eğer diğer JavaScript çerçeveleri de $ işaretini kısaltma olarak kullanıyorsa ne yapmalıyım?

Diğer bazı JavaScript çerçeveleri: MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Closure, Ember, Batman ve Ext JS.

Bazı çerçeveler de $ işaretini kısaltma olarak kullanır (jQuery gibi), kullandığınız iki farklı çerçeve aynı kısaltma işaretini kullanıyorsa, betiklerin çalışmayı durdurması olasıdır.

jQuery ekibi bu sorunu göz önünde bulundurmuş ve noConflict() yöntemini gerçekleştirmiştir.

jQuery noConflict() yöntemi

noConflict() yöntemi $ işaretine olan kontrolü serbest bırakır, bu da diğer betiklerin onu kullanabilmesini sağlar.

Örnek

Tabii ki, tam adı kullanarak kısaltmayı değiştirmek yerine jQuery kullanabilirsiniz:

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery hala çalışıyor!");
  });
});

Kişisel olarak deneyin

Örnek

Kendi kısaltmanızı da oluşturabilirsiniz. noConflict() yöntemi jQuery'ye erişimi döndürebilir, bunu daha sonra kullanmak için bir değişkene atayabilirsiniz. Bu örneği görün:

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery hala çalışıyor!");
  });
});

Kişisel olarak deneyin

Örnek

Eğer jQuery kod bloğunuz $ kısaltmasını kullanıyor ve bu kısayol değiştirmek istemiyorsanız, $ işaretini ready yöntemine bir değişken olarak iletebilirsiniz. Bu şekilde fonksiyon içinde $ işaretini kullanabilirsiniz - fonksiyon dışında ise hala "jQuery" kullanmanız gerekecek:

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery hala çalışıyor!");
  });
});

Kişisel olarak deneyin

jQuery Ana Referans Kılavuzu

Tam jQuery ana yöntem genel görünümü için, lütfen bizim jQuery Ana Referans Kılavuzu.