Как выбрать элемент в DIV с помощью JQuery

Question

У меня есть слайд-шоу, которое использует плагин цикла, и по какой-то причине я не могу выбрать или выбрать нужные элементы, см. код ниже:

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 Plugin правильно?

Насколько я знаю, вы должны выбрать контейнер / родительский элемент. Попробуй это:

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

Answer 2

Измените JavaScript, чтобы цикл применялся к элементу ul, а не к отдельному элементу li:-

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