Selim Başpınar(Teknobas)
2 Jquery Çakışması Önlemek Kesin Çözüm
Sayfamızda iki farklı jquery sürümünü eklemiş isek ve sayfanın farklı bölgelerinde kodlarını yazdıysak genelde bu problem ile karşılaşıyoruz. Fonksiyonda kullandığımız $ fonksiyonları çakışıyor diye saçma bir tabiri var. Mesela birinde $ kullandıysak diğerinde $x veya $ yanına farklı bri harf kullanmamız gerekiyormuş yani jqueryde genelde biz fonksiyon kullanırken $ işareti ile kullanırız ancak sayfaya birden fazla sürüm ilave edince sorun diğer sürümün fonksiyon kullanımını farklı yapmamız gerekiyormuş böyle değişik saçma bir şey diyebilirim. Neyse bunun için kolay bir yol var tüm $ olanları $x diye değiştirmemize gerek- yok aslında şimdi ona geçelim
jQuery.noConflict()
Bu fonksiyonu kullanacağız. Yapacağımız şey var ile değişken tanımlayacağız örnek kod
<script type="text/javascript">
var jQueryCalis = $.noConflict(true);
</script>
var dedikten sonra herhangi bir isim yazıyoruz istediğinizi yazabilirsiniz normal değişken tanımlama yani ondan sonra gelelim devamına. Çalışmayan kodunuzu aşağıda belirttiğim çalışmayan kod yazan yere yapıştırın bunun içine $.(document) kısmıda dahil yani tüm kısımı içine yapıştırın.
(function($) {
<!-- TÜM KODLAR BURAYA $.(document de dahil olmak üzere) -->
})(jQueryCalis);
Yani örnek vericek olursak bu şekilde
<script>
var jQueryCalis = $.noConflict(true);
(function($) {
$(document).ready(function(){
$( "body" ).append("Mesela yani..!");
});
})(jQueryCalis);
</script>
Yani noluyo tüm $ leri tanımladığımız fonksiyonla değiştirmektense onu parametre haline getirip oto değişmesini sağlıyoruz olayımız bu.
Umarım probleminiz çözülür, selametle kalın.