Question

我在我的网站上使用ResponsiveSlides.js获取滑块。但我正在使用JQuery在每张幻灯片中执行操作，每次幻灯片“活动”时我都需要调用该代码。

我的代码看起来像这样：

<ul class="rslides">
    <li> <!-- slide 1 -->
    <script>
        // Do something
    </script>
</li>
<li> <!-- slide 2 -->
    <script>
    // Do something else
    </script>
</li>
</ul>

此时我在每个$( document ).ready(function() {});内的<li>内都有JS代码，但显然只在页面加载时执行该代码。第三个块在幻灯片从第一张幻灯片转换到下一张幻灯片时完成。更糟糕的是，当第一张幻灯片再次激活时，第一张幻灯片的代码将永远不会重新执行，而第二张幻灯片的代码也不会重新执行。

我对JQuery和JavaScript很新。我已经阅读了ResponsiveSlides.js文档，但它对这种情况没有帮助，它似乎不具备。

我已经考虑了三种方法来使代码执行，但是没有任何引导它们。

ResponsiveSlides.js中的内置函数，有点onActive()。这似乎不存在。 before: function(){}似乎在每个幻灯片上调用相同的函数。
每次ResponsiveSlides.js更改CSS类以使幻灯片“活动”时调用代码的某种方式。
以某种方式“重新加载”特定的HTML块而不重新加载整个页面的相对简单的方法。

感谢您的帮助。

Answer 1

我不确定你试图执行的每张幻灯片更改的是什么类型的js但是我制作了一个模型示例，可能会让你知道如何在回调之前/之后使用并帮助你在每张幻灯片上调用一些js ..

  http://jsfiddle.net/nSP4A/3/

responsiveslides.js在转换时执行每张幻灯片的代码

1 个答案: