Jquery responsiveslides.js在转换时按幻灯片执行代码
我在我的网站上使用滑块。但是我使用JQuery在每张幻灯片中执行一个操作,每次幻灯片被设置为“活动”时,我都需要调用该代码 我的代码如下所示:Jquery responsiveslides.js在转换时按幻灯片执行代码,jquery,responsive-slides,Jquery,Responsive Slides,我在我的网站上使用滑块。但是我使用JQuery在每张幻灯片中执行一个操作,每次幻灯片被设置为“活动”时,我都需要调用该代码 我的代码如下所示: <ul class="rslides"> <li> <!-- slide 1 --> <script> // Do something </script> </li> <li> <!-- slide 2 -->
<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(){}似乎在每张幻灯片上调用相同的函数
感谢您的帮助。我不确定您尝试执行的每张幻灯片更改上的js类型,但我制作了一个模型示例,它可能会让您了解如何在回调之前/之后使用,并帮助您在每张幻灯片上激活一些js http://jsfiddle.net/nSP4A/3/
http://jsfiddle.net/nSP4A/3/ 没有什么非常复杂的,在幻灯片上调整和移动特定于幻灯片的图像,每个幻灯片具有不同的X、Y、宽度和高度。