Question

我正在尝试创建一个简单的jQuery幻灯片放映。我面临的问题是，当我使用淡出时它可以正常工作但是当我尝试使用animate将所有图像向右滑动时它就会出现问题。不工作.. 到目前为止我的jQuery代码

HTML：

<div id ="slide">
<ul>
    <li><a href="#">IMG1</a></li>
    <li><a href="#">img2</a></li>
</ul>
</div>

 $(document).ready(function (){    
      $('#slide').each(function (){    
          $(this).animate ({left:'700px'},4000)});
      });
 });

我是jQuery的新手所以请原谅我这个糟糕的代码。想知道我做错了什么！感谢先进的帮助

Answer 1

代码的HTML在哪里？

无论如何，您不能在同一页面上使用多个ID。

好像你在多个元素上使用#slide。而是使用classname然后

$('.slide').each(function(){ 
   // your code here
});

如果您的div中有一些ID为 #slide 的元素，例如您在 #slide div中有 img 标记，那么使用

 $('#slide img').each(function(){ 
   // your code here
});

动画效果不起作用

1 个答案: