jQuery UI选项卡,选择/取消选择(折叠)事件

jQuery UI选项卡,选择/取消选择(折叠)事件,jquery,events,tabs,collapse,unselect,Jquery,Events,Tabs,Collapse,Unselect,我使用的是jQueryUI1.8.5Tabs插件,带有可折叠:真实配置。 我需要在一个标签被折叠后调用一个函数来添加一个css类。有人知道怎么做吗?那这件事怎么办?因为你不知道哪一个被藏起来了 也许你想要的就是这个 使用事件: 您可以在单击时检查所选的ui选项卡是否存在。假设您使用的是标准标记: // in your click event var selected_exists = $('#yourTabBox') .children('ul.ui-tabs-nav') .ch

我使用的是jQueryUI1.8.5Tabs插件,带有可折叠:真实配置。 我需要在一个标签被折叠后调用一个函数来添加一个css类。有人知道怎么做吗?

那这件事怎么办?因为你不知道哪一个被藏起来了

也许你想要的就是这个

使用事件:


您可以在单击时检查所选的
ui选项卡是否存在。假设您使用的是标准标记:

// in your click event
var selected_exists = $('#yourTabBox')
    .children('ul.ui-tabs-nav')
    .children('li.ui-tabs-selected')
    .length;

if (selected_exists) {
    // Nothing is collapsed
} else {
    // collapsed
}

这是本次活动的最佳选择。

@Stephen。。。你觉得他会让我们看看他做了什么吗<代码>;)。。。知道他在打什么当然很好,是吗?@drachenstern:同意。如果我们所描述的不起作用,我们需要看到一些已经尝试过的例子,以及一些标记。回答不错(+1,如果我还有票数的话!)。请注意,在
select
事件中,
this
是外部div元素,因此您的代码可以减少到
$(this).childrent('ul.ui-tabs-nav>li.ui-tabs-selected')。长度
。稍微快一点,更灵活一点。这是可行的,我看到了关于这一点的另一个问题,答案是类似的,这个解决方案似乎是一个解决方案,而不是一个触发“崩溃”的实体事件。无论如何,谢谢你们!实际上,这几乎奏效了,但问题是,您不能真正依赖于类,因为它在选择事件之后应用了“ui选项卡选择”,我遇到了这个问题并使用了您的答案。我添加了一个代码片段,以展示我如何使用它作为将来的参考。
// in your click event
var selected_exists = $('#yourTabBox')
    .children('ul.ui-tabs-nav')
    .children('li.ui-tabs-selected')
    .length;

if (selected_exists) {
    // Nothing is collapsed
} else {
    // collapsed
}