jQuery UI选项卡，select / unselect（collapse）事件 [英] jQuery UI tabs, select/unselect (collapse) events

问题描述

我正在使用jQuery UI 1.8.5标签插件，可折叠：真正的配置。
我需要调用一个函数，一个选项卡折叠后添加一个css类。有人知道吗？

解决方案

您可以检查 ui-tabs-selected 类存在点击。假设您正在使用标准标记：

  //在您的点击事件
 var selected_exists = $（'＃yourTabBox '）
 .children（'ul.ui-tabs-nav'）
 .children（'li.ui-tabs-selected'）
 .length; 
 
 if（selected_exists）{
 // Nothing is collapsed 
} else {
 // collapsed 
} 
  

这是非常适合 选择 事件。

I am using jQuery UI 1.8.5 tabs plugin, with collapsible : true configuration. I need to call a function after a tab is collapsed to add a css class. Does anyone know how?

解决方案

You could check if the ui-tabs-selected class exists on click. Assuming you're using standard markup:

// 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
}

This is perfect for the select event.

这篇关于jQuery UI选项卡，select / unselect（collapse）事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！