Динамические вкладки с JQuery UI

Question

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

Проблема, которую я нахожу, заключается в том, что для закрытия вкладки необходим ее индекс и учитывая тот факт, что другие вкладки могут быть открыты, закрыты, и сортировать динамически, вам нужно получить / получить индекс вкладки, когда Вы хотите закрыть его.

Answer 1

Вам нужно добавить ссылку в элемент списка, который содержит вкладку, по крайней мере, для закрытия, это будет кнопка «x out». Если пользователь щелкает эту ссылку и у вас есть обработчик событий jquery для перехода по всем ссылкам этого класса, он будет знать индекс. То же самое для перемещения / перетаскивания. Думаю, самое сложное в том, что если вы добавите новые вкладки, что скажет вкладка? "Без названия"?

Answer 2

Так почему вы не можете получить индекс?

$('ul li a').click(function(){ 
    var index = $(this).parent().index($(this).parent());
    alert(index); 
});