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ı

Ahmet Ayyıldız Kimdir?

Yorumlar (0)