【问题标题】:Prevent "show" event to trigger of "tabs" widget on page load in JQuery防止“显示”事件在 JQuery 中的页面加载时触发“选项卡”小部件
【发布时间】:2010-12-27 09:05:25
【问题描述】:

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

编辑:问题已解决

好的,我解决了我的问题,但让我解释一下我要做什么。

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

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

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

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

【问题讨论】:

  • 您是说在页面加载时不显示任何标签内容。你必须点击一个标签才能显示?

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


【解决方案1】:
$( ".selector" ).tabs({ selected: -1 });

我用谷歌搜索并在这里找到了文档:jQuery

【讨论】:

    猜你喜欢
    • 2012-07-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-04
    相关资源
    最近更新 更多