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

发布于 2024-12-28 13:27:53 字数 427 浏览 0 评论 0原文

我正在使用 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，有人可能有更好的主意？希望有人可以帮忙吗？

原文

I'm using Anythingslider to show 3 x sliders on one page.

Each slider is within a tab...e.g. click "Tab 1" - Slider 1 will show, click "Tab 2" Slider 2 will show etc etc...

Trouble is, slides are not reset on each tab..e.g. if i'm on "Tab 1" and viewing slide 3, then I click on "Tab 2" and then back to "Tab 1" - it's still on slide 3 - not reset to slide 1....

So my question is how can I reset the slides back to one, when click viewing other tabs?

It's almost like you need a jquery version of the following:

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

Anyhoo, someone may have a better idea? Hope someone can assist?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

弃爱 2025-01-04 13:27:53

试试这个：

$(document).ready(function(){

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

});

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

$(document).ready(function(){

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

});

Try this:

$(document).ready(function(){

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

});

You can also use set your other click actions for '.tab' by binding them to the click event:

$(document).ready(function(){

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

});

回复收藏 0 原文