我如何使用jQuery

Question

我有一個使用週期插件，出於某種原因，我不能選擇或指定正確的內容，見下面的代碼幻燈片選擇一個div內的元素：

HTML

<div id="slider"> 

    <div id="slideshow"> 
     <ul>      
     <li><img src="images/slider-one.png" height="380" width="960" alt="AquaPure Traveller" /></li> 
     <li><img src="images/slider-one.png" height="380" width="960" alt="AquaPure Traveller" /></li> 
     <li><img src="images/slider-one.png" height="380" width="960" alt="AquaPure Traveller" /></li> 
     <li><img src="images/slider-one.png" height="380" width="960" alt="AquaPure Traveller" /></li> 
     <li><img src="images/slider-one.png" height="380" width="960" alt="AquaPure Traveller" /></li> 
     </ul> 
    </div> <!-- End Slideshow --> 

    <div id="prev">PREVIOUS</div> 
    <div id="next">NEXT</div> 

</div> <!-- End Slider --> 

和JavaScript

$(document).ready(function() { // Document Ready 
      $('#slideshow ul li').cycle({ 
     'fx': 'scrollHorz', 
     'timeout': 8000, 
     'prev': '#prev', 
     'next': '#next', 
     'pause': true 
    }); 

}); // End Document Ready 

我失去的是什麼簡單的東西還是一個問題與插件？

感謝

Answer 1

您正在使用jQuery Cycle插件吧？

據我所知你必須選擇物品的容器/父母。試試這個：

$(document).ready(function() {   
    $('#slideshow ul').cycle({ 
     'fx': 'scrollHorz', 
     'timeout': 8000, 
     'prev': '#prev', 
     'next': '#next', 
     'pause': true 
    }); 
}); 

Answer 2

更改JavaScript的，這樣的週期應用到UI元素不是個別李： -

$('#slideshow ul').cycle();