Question

我正在使用Anythingslider在一个页面上显示3个滑块。

每个滑块都在一个标签内......例如。单击“选项卡1” - 滑块1将显示，单击“选项卡2”滑块2将显示等等...

麻烦的是，幻灯片不会在每个标签上重置。例如。如果我在“标签1”上查看幻灯片3，那么我点击“标签2”然后再回到“标签1” - 它仍然在幻灯片3上 - 没有重置为幻灯片1 ....

所以我的问题是如何在点击查看其他标签时将幻灯片重置为一张？

这几乎就像你需要以下的jquery版本：

IF you click an <li class="tab"> then reset all sliders to slide 1..

Anyhoo，有人可能有更好的主意吗？希望有人能帮忙吗？

Answer 1

试试这个：

$(document).ready(function(){

    $('.tab').click(function(){
        $('.anythingSlider').anythingSlider(0);
    });

});

您还可以将“.tab”的其他点击操作设置为将其绑定到click事件：

$(document).ready(function(){

    $('.tab').bind("click", function(){
        $('.anythingSlider').anythingSlider(0);
        // other .tab click actions
    });

});

Answer 2

检查this

此示例处理AnythingSlider中幻灯片的手动导航，如果要在单击li元素时重置滑块，则可以导航到第一张幻灯片

jQuery：任何滑块 - 多个滑块 - 将其他滑块重置为第一个滑块？

2 个答案: