javascript - jquery every - 来自另一个脚本的函数

Question

我在使用 jQuery .each() 函数时遇到了一些麻烦(仍然是初学者)。我想要实现的是在网站上有多个图像 slider ，但我发现的 slider 脚本大多使用 <div id="slides">工作，我想让它像 <div class="slides">与 .each方法。当然，每个脚本都包含在 HTML 中。文件，所以这不是问题。

jQuery 中的初始化是这样的:

<script>
    $(function(){
      $("#slides").slidesjs({
        width: 940,
        height: 528
      });
    });
  </script>

我在我的 scrits.js 中写了这个:

$(document).ready(function(){
    $('.slides').each(slidejs({
        width: xxx,
        height: yyy
    });
});

有了这个脚本，整个事情就死了，没有其他脚本在工作:/ 你能帮我解决这个问题吗？

非常感谢!

Answer 1

我明白你的意思了。最简单的方法是为每个 slider 添加一个公共(public)类名(而不是 id)。例如:

<div id="slides1" class="slides">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
  </div>

<div id="slides2" class="slides">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">

  </div>

<div id="slides3" class="slides">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">

  </div>

然后这样调用它(注意“.”而不是“#”):

 $(".slides").slidesjs({
        width: 940,
        height: 528
      });