2012-07-28 309 views
0

之前我做了一些修改的CSS!一切都很好,但現在「carouFredSel」功能不斷重新加載頁面(奇怪的行爲) 演示頁面的網址是http://demos.illucent.info/butts/index.html 我認爲這是在腳本的底部的地方,但我沒有哪一個確切caroufredsel重新加載頁面

<script type="text/javascript"> 
      $(document).ready(function() { 

      $('#carousel1').carouFredSel({ 
      align:"left", 
      width: '100%', 
      prev: '#prev1', 
      next: '#next1', 
      items : { 
      visible : 13, 
      width : "100%" 
      }, 
      scroll : { 
       items : 2, 
       duration : 1500, 
       pauseDuration : 3500 
      } 

      }); 
      $('#carousel2').carouFredSel({ 
      align:"left", 
      width: '100%', 
      prev: '#prev2', 
      next: '#next2', 
      items : { 
      visible : 13, 
      width : "100%" 
      }, 
      scroll : { 
       items : 2, 
       duration : 1500, 
       pauseDuration : 3500 
      } 
      }); 
      $('#carousel3').carouFredSel({ 
      align:"left", 
      width: '100%', 
      prev: '#prev3', 
      next: '#next3', 
      items : { 
      visible : 13, 
      width : "100%" 
      }, 
      scroll : { 
       items : 2, 
       duration : 1500, 
       pauseDuration : 3500 
      } 
      }); 
      //margins 
      $(".carousel img").css({"margin":"0px 0px 0px 5px"}); 
      var items = $('.list_switch li a').each(function() { 
      $(this).click(function() { 
      //remove previous class and add it to clicked tab 
      items.removeClass('current'); 
      $(this).addClass('current'); 
      }); 
      }); 
      //hide all content divs and show current one 
      $('.wrapper').hide().eq(items.index($(this))).show('fast'); 

      // resume the slide on the selected slider 
      $('.carousel').eq(items.index($(this))).trigger("play"); 
      $('.carousel').eq(items.index($(this))).trigger("slideTo"); 

      // select the first tab on page load  
      items[0].click(); 

      }); 
     </script> 

回答

0

我不認爲這是因爲CSS的改變。

在$(document).ready函數中,您正在調用集合中名爲'items'的第一個項目的click事件。

items[0].click(); 

在您的作品集的第一個元素是這個超鏈接:

<a href="index.html"> 

其重定向到同一頁面。當頁面重新加載時,$(document).ready顯然會再次執行相同的操作。

嘗試註釋掉

items[0].click(); 

,你應該發現它停止發生。