jquery - jQuery：任何滑块 - 多个滑块 - 将其他滑块重置为第一张幻灯片？

Question

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

每个滑块都在一个选项卡内...例如单击“Tab 1”-将显示滑块 1，单击“Tab 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”设置其他单击操作：

$(document).ready(function(){

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

});

Answer 2

检查这个

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