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

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

возвращает идентификатор выбранной вкладки.
Если вы хотите изменить заголовок вкладки, когда она выбрана,
Вы можете сделать это так

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

Answer 2

Код, который вы используете, возвращает целочисленное значение для выбранной вкладки.Это не объект, у которого есть метод 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 3

Вам нужно будет использовать событие select в элементе jQuery Tabs. Внутри функции просто найдите свой DOM-элемент и измените значение innerText.

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