2013-10-21 37 views
-2

我正在使用名爲Background Stretcher的jQuery插件,並且這是一個intitialising它的代碼。該網站開始掛更多的,我按在回調函數的聯繫,所以會有一個更好的方式將其寫成...寫得不好的jQuery崩潰瀏覽器

$(document).ready(function(){ 

    // Initialize Backgound Stretcher  
    $('BODY').bgStretcher({ 
     images: ['images/exterior.jpg', 'images/exterior2.jpg','images/kitchen.jpg','images/bathroom.jpg','images/bedroom.jpg'], 
     imageWidth: 1800, 
     imageHeight: 1400, 
     slideDirection: 'N', 
     slideShowSpeed: 1000, 
     nextSlideDelay: 6000, 
     transitionEffect: 'fade', 
     sequenceMode: 'normal', 
     buttonPrev: '.prev', 
     buttonNext: '.next', 
     pagination: '.pagination', 
     anchoring: 'left center', 
     anchoringImg: 'left center', 
     callbackfunction: function() { 

        $('a#design').click(function(){ 
         $().bgStretcher._clearTimeout(); 
         $().bgStretcher.slideShow('normal', 0); 
         $().bgStretcher.play(); 
        }); 
        $('a#interior').click(function(){ 
         $().bgStretcher._clearTimeout(); 
         $().bgStretcher.slideShow('normal', 1); 
         $().bgStretcher.play(); 
        }); 
        $('a#lifestyle').click(function(){ 
         $().bgStretcher.pause(); 
         $().bgStretcher.slideShow('normal', 2); 
         $().bgStretcher.play(); 
        }); 
        $('a#location').click(function(){ 
         $().bgStretcher.pause(); 
         $().bgStretcher.slideShow('normal', 3); 
         $().bgStretcher.play(); 
        }); 
        $('a#contact').click(function(){ 
         $().bgStretcher.pause(); 
         $().bgStretcher.slideShow('normal', 4); 
         $().bgStretcher.play(); 
        }); 

     } 
    }); 
}); 

什麼是寫這個更高效/更清潔的方式??

+0

什麼是你'$'在點擊()函數的含義是什麼?是'這個'還是什麼? '$(this)'怎麼樣? –

+0

在線使用jquery驗證器來驗證你的jQuery。 –

回答

0

而不是$()你應該寫$('body')所以請嘗試使用這種方式:

. 
. 
. 
// Initialize Backgound Stretcher  
    $('body').bgStretcher({ 
. 
. 
. 
. 
        $('a#design').click(function(){ 
         $('body').bgStretcher._clearTimeout(); 
         $('body').bgStretcher.slideShow('normal', 0); 
         $('body').bgStretcher.play(); 
        }); 
. 
. 
.