jQuery UI選項卡選擇

我有一個jQuery UI模式彈出窗口中的jQuery UI選項卡。該選項卡是通過對服務的ajax調用進行數據驅動的。 Ther有4個選項卡，但根據用戶的選擇，有時沒有用於第一個選項卡的數據。如果第一個標籤頁沒有數據，我隱藏第一個標籤頁並選擇第二個標籤頁（也就是第二個標籤頁的數據）。如果有第一個標籤的數據，我會顯示它並選擇它。隱藏和顯示的作品很好。選擇工作到一個點。包含選項卡的彈出窗口是通過從包含搜索結果的表中選擇數據觸發的 - 彈出窗口顯示選擇的詳細信息。如果用戶首先選擇一個包含第一個選項卡數據的選項卡 - 一切正常。如果用戶然後從表格中選擇數據並非全部都很好（隱藏第一個選項卡 - 選擇第二個選項卡）。如果用戶選擇其他包含第一個選項卡數據的數據 - 第一個選項卡將顯示並選中，但是 - 現在第二個選項卡仍然高亮顯示。 jQuery選擇第一個標籤是這樣的：$("#tabs").tabs('select', 0);和第二個標籤：$("#tabs").tabs('select', 1);jQuery UI選項卡選擇

來源

2012-04-12 Jim Evans

你可以創建一個[小提琴]（http://jsfiddle.net/）或更清楚地說明問題？ – 2012-04-12 19:53:44

之前從未使用小提琴 - 即將離開的晚上，並會看看我能否在今晚找出它併發布更多代碼。我的整個問題都圍繞着選擇不同的選項卡和先前選擇的選項卡，仍然突出顯示。 – 2012-04-12 19:54:31

問題是「如何刪除標籤的焦點？」或者「我如何改變標籤的焦點？」。看看remove orange tab border on focus完全刪除標籤聚焦。

要改變焦點，您可能需要使用activate event將焦點更改爲您激活的選項卡。

$('#tabs').tabs({ 
    activate: function(event, ui) { 
     ui.newTab.focus(); 
    } 
});

來源

2014-01-30 12:39:16 Binke

jQuery UI選項卡選擇

回答

相關問題