【问题标题】:Reset jquery tab重置 jquery 选项卡
【发布时间】:2012-10-25 04:45:30
【问题描述】:

我正在使用 jquery ui 选项卡版本 1.9.1,并且在第二个选项卡中确实有带有滚动条的内容。我想要做的是每当我回到第二个标签时,应该重置标签(应该从顶部显示内容)。

我试图找到解决方案,但我得到的是重置选项卡和索引上的表单字段,而不是针对这个特定问题。

【问题讨论】:

    标签: jquery jquery-ui jquery-ui-tabs javascript-framework jquery-tabs


    【解决方案1】:

    鉴于您没有提供任何代码,因此很难猜测,但如果您是通过加载标签内容。 ajax,在您的第二个选项卡的 HTML 底部,您可以添加如下脚本:

    $(document).ready(function() {
    
        $('#secondTabID').animate({scrollTop:$('#secondTabID').offset().top}, 'slow');
    });
    

    如果您的 HTML 是静态的,那么您可以使用 activate 函数做一些事情。

    类似:

    $("#tabs").tabs({
    
        activate: function(event, ui) {
    
           ui.newTab.animate({scrollTop:ui.newTab.offset().top}, 'slow');
        }
    });
    

    【讨论】:

    • 您好,Daren,感谢您的回复。在什么情况下我应该设置这个功能?我的意思是是否有任何默认属性/事件来定义选项卡更改?
    • 嗨 Dhaval - 我已经更新了我的帖子,以便您可以看到我处理了这两种情况 - 通过远程标签加载。 ajax 和静态 HTML 选项卡加载。
    • 您好,Daren,感谢您更新您的代码,让我有更清晰的想法。在您的代码选项卡中将向上滚动到顶部,但是有什么方法可以完全重置该选项卡,因为我在第二个选项卡上有视频,所以我也需要重置该视频。我正在使用videojs插件播放视频,你可以在这里找到那个插件videojs.com
    • 如果您远程加载选项卡,它将自动“重置”。这是 jqueryui 网站上的一个示例:jqueryui.com/tabs/#ajax
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-12-10
    • 2010-09-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多