0

我在我的网站上使用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() {});在 each中的 a 中有 JS 代码<li>，但显然只有在页面加载时才执行该代码。第三个块在幻灯片从第一张幻灯片过渡到下一张幻灯片时执行完毕。更糟糕的是，当第一张幻灯片再次激活时，第一张幻灯片的代码将永远不会重新执行，第二张幻灯片也不会重新执行，等等。

一般来说，我对 JQuery 和 JavaScript 很陌生。我已经阅读了 ResponsiveSlides.js 文档，但它对这种情况没有帮助，它似乎没有 .

我已经想到了三种方法来执行代码，但没有任何线索。

  1. ResponsiveSlides.js 本身的一个内置函数，一种onActive(). 这似乎不存在。before: function(){}似乎在每张幻灯片上都调用了相同的函数。
  2. 每次 ResponsiveSlides.js 更改 CSS 类以使幻灯片“活动”时调用代码的某种方式。
  3. 某种相对直接的方式来“重新加载”特定的 HTML 块而不重新加载整个页面。

谢谢你的帮助。

4

1 回答 1

0

我不确定您尝试执行的每张幻灯片更改是什么样的 js，但我制作了一个模型示例，它可能让您了解如何使用之前/之后的回调，并帮助您在每张幻灯片上调用一些 js 活动..

  http://jsfiddle.net/nSP4A/3/
于 2013-11-26T03:48:19.133 回答