Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery responsiveslides.js在转换时按幻灯片执行代码_Jquery_Responsive Slides - Fatal编程技术网

Jquery responsiveslides.js在转换时按幻灯片执行代码

Jquery responsiveslides.js在转换时按幻灯片执行代码,jquery,responsive-slides,Jquery,Responsive Slides,我在我的网站上使用滑块。但是我使用JQuery在每张幻灯片中执行一个操作,每次幻灯片被设置为“活动”时,我都需要调用该代码 我的代码如下所示: <ul class="rslides"> <li> <!-- slide 1 --> <script> // Do something </script> </li> <li> <!-- slide 2 -->

我在我的网站上使用滑块。但是我使用JQuery在每张幻灯片中执行一个操作,每次幻灯片被设置为“活动”时,我都需要调用该代码

我的代码如下所示:

<ul class="rslides">
    <li> <!-- slide 1 -->
    <script>
        // Do something
    </script>
</li>
<li> <!-- slide 2 -->
    <script>
    // Do something else
    </script>
</li>
</ul>
  • //做点什么
  • //做点别的
此时,我将JS代码放在
$(document.ready(function(){})中在每个
  • 中,但显然只有在页面加载时才会执行该代码。第三个块在幻灯片从第一张幻灯片过渡到下一张幻灯片时完成。更糟糕的是,当第一张幻灯片再次激活时,第一张幻灯片的代码永远不会重新执行,第二张幻灯片也不会重新执行,以此类推

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

    我已经想到了三种让代码执行的方法,但都没有线索

  • ResponsiveSlides.js本身就是一个内置函数,类似于onActive()
  • 。这似乎不存在。before:function(){}似乎在每张幻灯片上调用相同的函数
  • 每次ResponsiveSlides.js更改CSS类以使幻灯片处于“活动”状态时调用代码的某种方式
  • 某种相对简单的方法是“重新加载”特定的HTML块,而不必重新加载整个页面

  • 感谢您的帮助。

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

    http://jsfiddle.net/nSP4A/3/
    http://jsfiddle.net/nSP4A/3/ 没有什么非常复杂的,在幻灯片上调整和移动特定于幻灯片的图像,每个幻灯片具有不同的X、Y、宽度和高度。