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>

我尝试过设置featured_tabs的innerHTML的函数，但它不能正常工作。有什么建议吗？

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" );

jquery动态编辑标签

3 个答案: