我正在使用jQuery UI 1.8.5標籤插件,可摺疊:真正的配置。 我需要在選項卡摺疊後添加一個css類來調用一個函數。有誰知道如何?jQuery UI選項卡,選擇/取消選擇(摺疊)事件
1
A
回答
1
如果點擊存在ui-tabs-selected
類你可以檢查。假設你使用的是標準的標記:
// 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
}
這是完美的select
事件。
1
那show event怎麼樣?因爲你不知道哪個隱藏了?
甚至可能是你想要的select event。使用'tabsselect'事件
:
$(".selector").tabs({
collapsible: true,
select: function(event, ui)
{
var prevSelectedIndex = $(".selector").tabs('option', 'selected');
var nextSelectedIndex = ui.index;
if(prevSelectedIndex === -1)
{
// It was previously collapsed and the user is now opening
// tab at index: nextSelectedIndex
}
else if(prevSelectedIndex === nextSelectedIndex)
{
// The user has clicked on the currently opened
// tab and it is collapsing
}
}
});
+1
我遇到了這個問題,並用你的答案。我添加了一段代碼來展示我如何使用它以備將來參考。 – 2012-08-03 02:22:27
相關問題
- 1. jQuery UI選項卡選擇
- 2. JQuery UI選項卡獲取以前選擇的選項卡
- 3. jQuery選擇選項取消選擇
- 4. JQuery選項卡,選項卡上選擇觸發事件
- 5. jQuery UI選項卡選擇索引
- 6. jQuery UI - 取消選擇
- 7. jQuery UI選項卡 - 如何選擇懸停的選項卡
- 8. jQuery的ui可選表來選擇/取消選擇複選框
- 9. 如何強制選擇特定的jquery-ui選項卡索引或強制在特定選項卡上選擇「選項卡選擇」事件?
- 10. 摺疊與選擇
- 11. 上取消選擇事件
- 12. 卡爾蒂克選擇2 yii2 - 全選和未選中所有不與選擇,選擇,取消選擇事件
- 13. Excel Ribbon選項卡選擇Chang事件
- 14. JavaScript/CSS摺疊段落&取消選擇單選按鈕
- 15. jquery Javascript取消選擇選項元素
- 16. datagridview取消選擇事件
- 17. 在選擇框中選擇並取消選擇多個選項
- 18. 取消選擇或取消選擇iOS 5中tabbar中的所有選項卡
- 19. iphone dev:取消選擇(或取消選中)選定的選項卡項目
- 20. jquery - 如何檢查選擇選項被取消選擇?
- 21. 斯卡拉,摺疊選項
- 22. jQuery-UI:無法取消選項卡
- 23. bootstrap-select選擇/取消選擇所有選項點擊不能觸發事件?
- 24. jQuery UI Selectable - 取消選擇點擊選項
- 25. 的選擇/選項jQuery選擇:選擇
- 26. QListWidget取消選擇和多項選擇
- 27. jQuery取消選擇
- 28. jQuery選擇:選擇1選項並取消選擇另一個選擇菜單中的相同選項
- 29. 當選擇選項時,jQuery事件
- 30. jquery多選擇 - 如何摺疊選擇組
@Stephen ......他認爲他可能會告訴我們他試過什麼或什麼? ';)'......當然會很高興知道他在和誰打架呢? – jcolebrand 2010-11-01 20:31:06
@drachenstern:同意。如果我們所描述的不起作用,我們需要查看一些已經嘗試過的示例以及一些標記。 – Stephen 2010-11-01 20:33:37
很好的答案(+1,如果我還有任何投票!)。注意在'select'事件中,'this'是外部div元素,所以你的代碼可以簡化爲'$(this).children('ul.ui-tabs-nav> li.ui-tabs-selected 「).length'。稍快,更靈活。 – lonesomeday 2010-11-01 20:38:51