jQuery UI的變化選項卡中選擇標籤文本

Question

下不起作用：

$("#tabs").tabs("option", "selected").text('Logout'); 

既不是

$("#tabs").tabs("option", "selected").text()='Logout'; 

錯誤：

$("#tabs").tabs("option", "selected").text is not a function 

如何更改的文本請選擇標籤？

Answer 1

的代碼使用的是返回所選標籤的整數值。它不是一個有text()方法的對象。你將不得不做這樣的事情：

var selectedTab = $("#tabs").tabs("option", "selected"); 
$("#tabs ul li a").eq(selectedTab).text("your text"); 

文檔在這裏 - http://jqueryui.com/demos/tabs/#option-selected

示例代碼在這裏 - http://jsbin.com/ohogey/edit#javascript,html

希望這有助於！

Answer 2

您將需要在jQuery Tabs元素上使用select事件。在函數內部找到你的DOM元素並改變innerText值。

$(".selector").tabs({ 
    select: function(event, ui) { ... } 
}); 

Answer 3

$("#tabs").tabs("option", "selected") 

返回所選擇的選項卡ID。
如果你想選擇時，改變標籤的標題，
你可以做這樣的

$('#tabs').tabs({ 
    select: function(e, ui) { 
    $(ui.tab).text('someText'); 
    } 
});