Создание кнопки «Добавить вкладку» на вкладках пользовательского интерфейса jQuery

Question

У меня есть элемент управления вкладкой jQuery UI на моей веб-странице, и я хочу сделать кнопку «Добавить вкладку», имеющую такой же вид, что и заголовки вкладок (и расположенную на «панели вкладок» с другими заголовками вкладок).Я добавил элемент в список, с определенным классом, позволяющим мне плавать справа.Но я не могу удалить действие по умолчанию, добавленное jQuery (при нажатии, открыть связанную вкладку), что приводит к ошибке, поскольку вкладка не существует.

Я пробовал несколько методов:

• Отключение вкладки приводит к ее исчезновению на экране (удаление нужной мне css)
• Использование unbind не удаляет слушателя onClick.
• Установка другого слушателя onClick также не работает, поскольку это просто игнорируется ...

Я схожу с ума по этому поводу.Кто-нибудь может помочь мне остаться в здравом уме?

Answer 1

Как отметил Джерон, событие select - это ваш друг.

Установите URL-адрес вашей вкладки «Добавить» на «#Add» (или другое значение, которое можно использовать для уникальной идентификации этой вкладки) Внутри обработчика событий проверьте значение ui.tab.hash, чтобы проверить, присутствует ли это хеш-значение, и, если это так, создайте новую вкладку, выберите ее и верните «false». Если хеш-значение не соответствует вашему магическому значению, верните 'true', чтобы процесс выбора вкладок продолжался как обычно.

Answer 2

Вы можете использовать событие select и ловить событие при нажатии на вкладку. Там вы можете создать новую вкладку и выделить ее.