Friday

4

July

2014


15

YORUM


2 Jquery Çakışması Önlemek Kesin Çözüm

3 yıl önce yazıldı, 3 yıl önce güncellendi.

2 farklı jquery eklemek,2 jquery çakışması,javascript sorunu,jquery sorun çözümü,problem çözümü,davutkaraBugün jquery ile yaşadığım bir sorun üzerine bu konuyu anlatıyım dedim, araştırıp araştırıp bir gavurun sitesinde bularak bu sorunu aştım. Şimdi sorunun neden kaynaklandığına gelelim. 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.




  • Selçuk

    Araştırmalarımda birkaç farklı yöntem daha vardı. Onları uyguladım sorunum çözülmedi ama senin kod sorunumu çözdü. Çok teşekkür eder, başarılar dilerim.

    • Sorunun çözülmesine sevindim, iyi çalışmalar.

  • Efekan

    Hocam en kısa ve öz şekilde anlatmışsın ve doğru düzgün çalışan tek kod diyebilirim başarılar….

  • Kemal

    gerçekten mükemmel! yöntem çalışıyor. paylaştığınız için teşekkür ederim.

  • Alp

    ADAmsın 😉

  • Muhammet Ali Akın

    çok teşekkür ederim sıkıntısız bi şekilde kısa sürede çalıştı

    • Ben teşekkür ederim iyi çalışmalar 🙂

  • HACI COSKUN

    Bu kadar stresin üzerine çok iyi geldi.Çok Teşekkürler

  • furkan

    wordpresste reklam kodlarıyla ilgili çakışma var.. bu kodları ekleyeceğim dosya hangisi.. bilginiz var mı?

  • Serdar Demirhan

    son kısmını anlayamadım projemi google drivedan atsam yardımcı olur musunuz?

  • Duha BALCI

    anlatım yeterli olmamış malesef

    • sondaki çalışan kodu kullanmanız yeterli