jquery динамически редактировать вкладки

Question

Я как бы новый для jquery. Я использую вкладки jquery, и у меня есть несколько кнопок. Что мне нужно сделать, так это когда каждая кнопка нажата, вкладки меняются динамически. Например при загрузке страницы вкладки являются

<ul id="featured_tabs"> 
     <li><a href="#fc1" style="width: 454px">tab1/a></li> 
     <li class="last"><a href="#fc2" style="width: 454px">tab2</a></li> 
</ul> 

но при нажатии другой кнопки они становятся

<ul id="featured_tabs"> 
     <li><a href="#fc1" style="width: 454px">another tab1/a></li> 
     <li><a href="#fc1" style="width: 454px">another tab2/a></li> 
     <li class="last"><a href="#fc2" style="width: 454px">another tab3</a></li> 
</ul> 

Я попытался функцию, чтобы установить innerHTML из featured_tabs, но он не работает правильно. Любые предложения?

Answer 1

Попробуйте этот код:

$('button').click(function(){ 
    $('#featured_tabs').append('<li><a href="#fc3" style="width: 454px">another tab3</a></li>') 
    $('#featured_tabs li').removeClass('last').last().addClass('last') 
}) 

Answer 2

Вы можете взглянуть на this! Предоставленный метод должен делать то, что вы хотите!

Answer 3

После того, как содержимое featured_tabs изменяется, вам нужно позвонить refresh

$("#featured_tabs").tabs("refresh");