0

我对 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但它不能正常工作。有什么建议么 ？

4

3 回答 3

0

试试这个代码：

$('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')
})
于 2013-07-18T09:16:41.240 回答
0

你可以看看这个！提供的方法应该做你想做的！

于 2013-07-18T09:17:24.040 回答
0

一旦内容featured_tabs改变，你需要调用刷新

$( "#featured_tabs" ).tabs( "refresh" );
于 2013-07-18T09:18:08.093 回答