Создайте слайдер jquery dynamic

Question

Я использовал легкий слайдер на странице, но хочу поставить еще один слайдер на той же странице. теперь у меня проблема, если я использую div с тем же ID или классом, что он не работает.

пример: -

<div class="slider"> 
    <ul>   
     <li><a href="#"><img src="images/02.jpg" alt="Css Template Preview" /></a></li> 
     <li><a href="#"><img src="images/04.jpg" alt="Css Template Preview" /></a></li> 
     <li><a href="#"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>  
    </ul> 
    </div> 

, если я использую один и тот же класс в одной и той же странице, это не сработало. PLZ помогите мне, как управлять одним и тем же слайдером больше раз на одной странице.

Answer 1

Если вы используете этот метод в коде JavaScript,

$("#slider").easySlider({ 
    auto: true, 
    continuous: true 
}); 

Затем создайте

<div id="slider" class="slider"> 
    <ul>   
    <li><a href="#"><img src="images/02.jpg" alt="Css Template Preview" /></a></li> 
    <li><a href="#"><img src="images/04.jpg" alt="Css Template Preview" /></a></li> 
    <li><a href="#"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>  
    </ul> 
</div> 
<div id="slider_new" class="slider"> 
    <ul>   
    <li><a href="#"><img src="images/02.jpg" alt="Css Template Preview" /></a></li> 
    <li><a href="#"><img src="images/04.jpg" alt="Css Template Preview" /></a></li> 
    <li><a href="#"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>  
    </ul> 
</div> 

Затем добавить слайд JavaScript в два раза, как,

$("#slider").easySlider({ 
    auto: true, 
    continuous: true 
}); 
$("#slider_new").easySlider({ 
    auto: true, 
    continuous: true 
}); 

Это должно работать , Я предполагаю, что вы используете this