防止“show”事件在JQuery中的页面加载时触发“tabs”小部件

时间:2010-12-27 09:05:25

标签: jquery jquery-ui jquery-ui-tabs

我正在使用jquery的标签小部件来显示一些内容。它工作正常,但我需要选项卡显示第一个选项卡内容,但不会在页面加载时触发“显示”事件。稍后它会在我更改标签时触发show事件。这可能吗?

编辑:问题已解决

好的我解决了我的问题,但让我解释一下我的目的。

我的标签位于容器中,我使用.animate()根据所选标签内容的高度调整css顶部值,以便将所有内容保存在页面中间。但是在页面加载时,我想显示第一个选项卡的内容但不显示动画,因此下面的代码不起作用,因为它会在页面加载时触发show事件。

$( ".tabs" ).tabs({
   show: function(event, ui) { animatemycontainer() }
});

但是这段代码可以满足我的需求。它只是在创建选项卡后绑定show事件,因此它不会在页面加载时触发show事件。

$( ".tabs" ).tabs();
$(".tabs").bind("tabsshow", function(event, ui) {
    animatemycontainer();
});

1 个答案:

答案 0 :(得分:1)

$( ".selector" ).tabs({ selected: -1 });

我用Google搜索并在此处找到了文档:jQuery