重置 jquery 选项卡

Posted 2023-02-22

【中文标题】重置 jquery 选项卡

【英文标题】：Reset jquery tab

【发布时间】：2012-10-25 04:45:30

【问题描述】：

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

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

【参考方案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