创建jquery动态滑块

创建jquery动态滑块,jquery,slider,Jquery,Slider,我在页面中使用了easy滑块,但我想在同一页面中放置另一个滑块。现在我有问题,如果我使用相同ID或类的div,它是不工作的 例如:- <div class="slider"> <ul> <li><a href="#"><img src="images/02.jpg" alt="Css Template Preview" /></a></li> <li>

我在页面中使用了easy滑块,但我想在同一页面中放置另一个滑块。现在我有问题,如果我使用相同ID或类的div,它是不工作的

例如:-

  <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>


如果我在同一个页面中使用同一个类,它就不起作用。请帮助我如何在同一页面中多次管理同一滑块。

如果您在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 
});
然后创造

<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>
这应该行得通。
我假设您使用的是

Hiya,您尝试的Jquery代码在哪里?man?为您制作了一个简单得多的小示例:)(不容易滑动)cheerios!HTML中不能有相同的
id
。如果可以,它将是IDentificationHiya,您尝试的Jquery代码在哪里?man?为您制作了一个简单得多的小示例:)(不容易滑动)cheerios!HTML中不能有相同的
id
。如果可以的话,那就是身份证明