0      761

Jquery slider ve lightbox çakışması


Merhaba arkadaşlar. Jquery uygulamalarından slider ve lightbox web tasarımcıları için önemli ve çok sık kullanılan uygulamalar. Ancak bazen bunlar ile ilgili sıkıntılar yaşayabiliyoruz kod bilgimiz de fazla yoksa sorun can sıkıcı olabiliyor. Bu sıkıntılı durumlardan biri olan jquery slider ve lightbox çakışmasından ve çözümünden bahsedeceğim .

Bu sorun ile neden karşılaşırsınız?

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 $j veya belirlemiş olduğunuz değişkeni 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.

Web Sayfalarında kullandığınız kütüphanlerin son sürümünü kullandığınızdan emin olun. Vermiş olduğumuz örnekte    "prototype.js" son sürümü kullanılmıştır. 

 


        <script type=”text/javascript” src=”jquery.js”>script>
       <script type=”text/javascript”>
            var $j = jQuery.noConflict();
       script>
       <script type=”text/javascript” src=”lightbox/js/prototype.js”>script>
       <script type=”text/javascript” src=”lightbox/js/scriptaculous.js?load=effects,builder”>script>
       <script type=”text/javascript” src=”lightbox/js/lightbox.js”>script>
       <script type=”text/javascript”>
             jQuery(function ($) {
             $(‘div’).fadeIn(800);
       });
       script>

 

Jquery slider ve lightbox çakışması

Jquery Slider ve Lightbox Çakısması

Jquery Lightbox ve Jquery Kod Çakışması

Yorum Gönder

Yorum (0)