Нужны некоторые предложения для добавления новых вкладок с помощью вкладок JQuery UI!

Question

Я собираюсь использовать JQuery UI Tabs Плагин в моем веб-приложении.

А теперь мне нужны предложения по решению проблем.

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

Во-вторых, Мне нужна кнопка рядом со списком вкладок [ должна быть последней вкладкой ], чтобы создать новую пустую вкладку и содержимое . Просто ссылка Firefox или стиль вкладки Chrome . Итак, я могу позволить пользователю загружать новое содержимое самостоятельно.

Большое спасибо за любые предложения !!

[ОБНОВЛЕНО] Для переключения новой созданной вкладки. Для этого есть опция плагина:

выбран

Zero-based index of the tab to be selected on initialization. To set all tabs to unselected pass -1 as value.

Примеры кода

Initialize a tabs with the selected option specified.
$( ".selector" ).tabs({ selected: 3 });
Get or set the selected option, after init.
//getter
var selected = $( ".selector" ).tabs( "option", "selected" );
//setter
$( ".selector" ).tabs( "option", "selected", 3 );

Answer 1

В качестве альтернативы, вы можете использовать глобальную переменную, такую ​​как "tabCounter", которая увеличивается или уменьшается по мере добавления или удаления вкладок.

Чтобы добавить новую вкладку, установите ее URL, а затем переключитесь на вновь добавленнуювкладка, вы можете сделать это:

function addTab(tabTitle, url) {
   // Add the tab
   $tabs.tabs("add", "#tabs-" + tabCounter, tabTitle);

   // Set the url of the new tab
   $tabs.tabs("url", tabCounter, url);

   // Switch to the tab.
   $tabs.tabs("select", tabCounter);

   // Increment the tab counter.
   tabCounter++;
}

Answer 2

Первый

когда вы создаете новую вкладку, добавьте класс .ui-tabs-selected во вновь созданную вкладку ... вы можете использовать $ ("#idOfNewlyCreatedTab").addClass(".ui-tabs-selected") и обязательно удалить этот классиз ранее выбранной вкладки ...