JQuery ve Lightbox Çakışması Çözümü
Merhaba arkadaşlar bu konuyu öğrencim GÖKHAN-61 için açıyorum 🙂 sizde bu olaylarla karşılaşırsanız yani iki javascript örneğini index.html sayfasında kullanırsanız ne yapmalısınız onu anlatacağım.
Asıl çalışmamasının nedeni ;Javascript kütüphanelerinin kullandıkları global değişkenlerdir. jQuery ve Prototype kendisini $ değişkenine atamaya çalışır bu sebeple iki kütüphane en popüler çakışan kütüphanelerdir.
jQuery.noConflict derseniz, jQuery kendini $ değişkenine atamaktan vazgeçer, $ yerine jQuery yazarak ulaşmanız gerekir, yalnız bu durumda birlikte kullandığınız eklentilerde sorun yaşayabilirsiniz. Çünkü jQuery için eklenti yazanlar bu durumu ne yazık ki pek düşünmezler ve jQuery’nin $ değişkeninde bulunduğunu kabul ederler.
(Kısaca sorun: Lightbox ile imajlarınızı gösterirken, show(), hide()… gibi sayfa içinde kullanmak istediğiniz diğer jQuery fonksiyonlarının çalışmaması.)
Kodunuzu aşağıdaki şekilde düzenlerseniz sorununuz ortadan kalkacaktır.
|
|
Anlatım: Ömer BOZALAN
(144)
Yorum(9)
Yorum bırakın Yanıtı iptal et
Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.
çookkkk teşekkürler saygı değer hocam siz olmazsanız biz ne yapardık 🙂
$(window).load(function() {
$(‘#slider’).nivoSlider();
});
kullandıgım kodlar bu.çakışma oluyor nasıl düzeltebilirim
aynen bende bu durumdan müzdaribim yardım edecek yokmu?
valla çok yararı oldu teşekkür ederim.
güzel bir bilgi olmuş teşekkürler 🙂
Teşekküler…
c++ buılder wep sıtenız var acaba ben bulamadım. kütüphane projesı istoyor hocamız ben de ornek bırseyler arıyorum yardımcı olursanız sevınırım.tskler….
Ömer hocam ben bunu yapamadım. Yardımcı olursanız memnun olurum. Kodlar:
Karadağ Denizcilik Lashing Service
$(document).ready(function() {
var options = {};
if (document.location.search) {
var array = document.location.search.split(‘=’);
var param = array[0].replace(‘?’, ”);
var value = array[1];
if (param == ‘animation’) {
options.animation = value;
}
else if (param == ‘type_navigation’) {
if (value == ‘dots_preview’) {
$(‘.border_box’).css({‘marginBottom’: ’40px’});
options[‘dots’] = true;
options[‘preview’] = true;
}
else {
options[value] = true;
if (value == ‘dots’) $(‘.border_box’).css({‘marginBottom’: ’40px’});
}
}
}
$(‘.box_skitter_large’).skitter(options);
// Highlight
$(‘pre.code’).highlight({source:1, zebra:1, indent:’space’, list:’ol’});
});
prototype silince slider çalışıyor lightbox çalışmıyor, prototype koyunca slider çalışmıyor.
verdiginiz dogru kodları kullandıgımızda jquery slıder duzelıyor lakın sayfa ıcerısındekı kullandıgımız lıghtbox ımagelerın uzerıne geldıgımızde baska sayfaya yönlendırıp yenı pencerede resmı gösterıyor lıghtbox gıbı seffaf ekranda göstermıyor yanı lıghtbox calısmıyor her ıkısınıde calıstırmanın bır yolu yok mu