HAKANERSU
Hakan ERSUKaralamalar / Notlar
Jquery Çakışma Problemi
Jquery’nin bilinen en popüler javascript kütüphanelerinden birisi olmasının nedeni sorunlarınıza pratik çözümler üretmesi.İşte bu tip sorunlardan birisi olan çakışmalar can sıkıcı olabilmekte.Ancak jquery’nin buna da ufak ama etkili bir çözümü var.
Çözüme geçmeden önce ilk olarak bu konudaki kişisel deneyimimi oluşturan sorunu paylaşmak istiyorum ; geçen günler içerisinde bir projemde grey box kullanmaya karar verdim.Onca jquery eklentisi varken neden böyle bir script kullandığım tartışılır ancak yine kullanma kararını aldım ve projenin birçok bölümünde kullandım.Sonrasında son görsel değişiklikleri yapmadan önce kullanmak istediğim Jquery efektlerinin çalışmadığını fark ettim.Bu noktadan sonra sorunun çakışma sorunu olduğu birkaç testten sonra aşikardı.
Ufak bir araştırma sonunda Jquery’nin bu gibi çakışma sorunları için ufak ve etkili bir çözüme sahip olduğunu buldum.
Genel olarak çakışmaların nedeni javascript kütüphanerlinin benzer kısayolları tercih etmeleri.Bu yüzden Jquery bizlere seçici kısayolumuzu yani ‘$’ değiştirmemiz sağlayacak kolaylığı sunmuş.Örneğiş $ işaretimizi $x ile şu şekilde değiştirebilmekteyiz.
var $x = jQuery.noConflict();
Bu kodu sayfanız içerisinde herhangi bir scripte eklemeniz yeterli.Ve böyle yeni seçiciniz $x olacaktır.
<script type="text/javascript">
var $x = jQuery.noConflict();
$x(document).ready(function() {
$x(‘#ekle’).click(function(){
$x(‘#ozellikler’).append("<label for=’ozellik[]‘>Özellik</label> <input type=’text’ name=’ozellik[]‘ />Değer: <input type=’text’ name=’deger[]‘ class=’deger’/><hr>");
});
});
</script>
“Jquery Çakışma Problemi” için 7 cevap
Bir Cevap Yazın
Copyright © Hakan ERSU.All rights reserved
Hakan merhaba,
Ben de şu an üzerinde uğraştığım bi sitede;
Anasayfada, 1 Ticker, 1 Slider ve 1 tane de Lightbox kullandım.. İlk başta fark etmedim ama daha sonra çakıştıklarını anladım..
Kısacası bu çakışmalarla ilgili bi çok site taradım. Genelde herkes aynı cevabı vermiş. Bi kaç site jQuery.js dosyalarının içindeki $ leri değiştir demiş kimisi de index dosyasında head alanındaki script alanındaki $ leri değiştir demiş. Ayrıca çok ayrıntılı bi çözüm anlatan kimse yok..
Kısacası sorunum hala devam ediyor. Bu işi mutlaka çözmem lazım. Yeni başlayan birine bu işi düzeltebilmesi için nasıl yardımcı olabilirsin ?
Teşekkürler..
Merhaba ,
ilk olarak hangi eklentilerin birbiriyle çakıştığını bulmanız gerek veya her biri mi çakışıyor bunu bulmanız gerek.Size çözümü neler kullandığınızı bilmeden söyleyemem ama hangi eklentileri kullanıyorsanız onları gönderirseniz yardımcı olmaya çalışırım.
iyi çalışmalar.
Süper bi açıklama ve yorum.
Paylaşımın için teşekkürler hakan.
bende çözümü burda buldum çok teşekkürler
allah razı olsun kardeş açıklamada güzel çözümde sonunda yaptım…
10 numara bi Açıklama Çok Teşekkürler…
Kardeş Allah Razı olsun sayende sorunu çözdüm. Çok teşekkürler …………..