我如何 select 使用 jquery 的 div 中的元素

Question

我有一個使用循環插件的幻燈片，由於某種原因，我不能 select 或定位正確的元素，請參見下面的代碼：

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 循環插件對嗎？

據我所知，您必須 select 項目的容器/父項。 嘗試這個：

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

Answer 2

更改 JavaScript 以便循環應用於 ul 元素而不是單個 li：-

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