jquery - Reset jquery tab

Question

I'm using jquery ui tab version 1.9.1 and I do have content with scroller in second tab. What I'm trying to do is whenever I come back on second tab, tab should be reset(Should display content from top).

I've tried to find solution but what I got is to reset form fields on tabs and indexes not for this particular issue.

Answer 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');
    }
});