2012-06-08 125 views
0

我在服務器上收到了一個非常糟糕的行爲。這是我的代碼:jQuery Cycle在暫停時不能恢復

<script type="text/javascript"> 
jQuery(function($){ 
    $(".slides").cycle({ 
     fx:  'none', 
     speed: 1, 
     timeout: 1000, 
     width: 160, 
     height: 120 
    }).cycle("pause"); 

    // Pause & play on hover 
    $(".slideshow-block").hover(function(){ 
     $(this).find(".slides").addClass("active").cycle("resume"); 
    }, function(){ 
     $(this).find(".slides").removeClass("active").cycle("pause"); 
    }); 

}); 
</script> 

的HTML看起來像這樣:

<div class="slideshow-block"> 
    <ul class="slides"> 
    <li><img src="img1.jpg" /></li> 
    <li><img src="img2.jpg" /></li> 
    <li><img src="img3.jpg" /></li> 
    </ul> 
</div></div> 

現在,如果我在一開始使用.cycle("pause"),懸停功能不被執行。如果我在開始時跳過暫停,幻燈片放映在網站加載時運行,當我將鼠標移到圖像上時幻燈片會繼續運行,並且當鼠標離開圖像區域時它會停止,所有內容都應該是。當我開始幻燈片播放暫停時,爲什麼這不起作用?

感謝您的任何提示。

+1

它看起來正確的給我。你可以把你的代碼[jsfiddle](http://jsfiddle.net) – Jashwant

+0

看起來像一些WordPress的插件搞亂了一切... ... – Cav

回答