jQuery UI Tabs, редактирование заголовка вкладки

Question

В вкладках jquery ui. они имеют функциональность, в которой вы можете добавлять и удалять вкладки.

Возможно ли отредактировать существующую вкладку, например, дважды щелкнув ее, тогда вы можете ввести новый заголовок или любой другой способ, если появляется новый заголовок, а затем передается во внешнюю базу данных.

Answer 1

Вы можете использовать простой jQuery для управления текстом ярлыка вкладок, обратившись непосредственно к его тексту (попробуйте проверить результирующую DOM).

В этом примере я использую кнопку, чтобы изменить заголовок второй закладки, но код можно вызвать после того, как вы извлечете данные из БД.

Код:

$(document).ready(function() { 
    $("#tabs").tabs(); 

    $("#changeTit").button().click(function(){ 
     $('#tabs ul:first li:eq(1) a').text("Other text"); 
    }); 
}); 

Демо: http://jsfiddle.net/IrvinDominin/zpxta/

Answer 2

Вы попробовали и собрали некоторые идеи?

Извините, я не уверен, что кто-нибудь сделает всю кодировку (если только они уже сделали это и не захотят поделиться).

Возможно, вам нужно будет добавить скрытые текстовые поля для каждой вкладки. Затем вам нужно добавить обработчик события двойного щелчка для частей вкладки пользовательского интерфейса, который затем отобразит соответствующее текстовое поле и скроет фактический заголовок табуляции. Затем вы можете добавить событие onblur в текстовое поле (т. Е. При удалении от текстового поля) и захватить данные внутри него, обработать его, чтобы изменить фактическое название, а также передать его обратно в базу данных одновременно для сохранения.

Надеюсь, что это отправная точка для вас.