Javascript 以编程方式更改选定的jQuery UI选项卡？

所以我有一个页面，我只是使用标签的样式化部分。点击一个标签将带你进入一个新的页面，该标签处于活动状态，因此几乎模拟了他们应该做的事情，但一个标签中没有4个大页面。对于每个页面，我通过以下方式更改活动选项卡：

$( ".tabs" ).tabs({ active:2 });

等等。这个很好用。现在进入对话。我在这个页面上有一个对话框，也可以启动选项卡。由于许多div中嵌套有信息，“tabs”的默认功能将不起作用。据我所知，当您单击一个选项卡时，它会查找下一个div.3 tabs=仅3个div。因此，在本例中，我只是再次使用选项卡进行样式化，只是显示/隐藏每个不同选项卡所需的信息（总共3个选项卡）并取消绑定单击

$('.tabsDialog > ul > li > a').unbind('click');

因此，我的想法自然是使用单击功能隐藏上一个div，并显示新的div，以激活这个新选项卡。像这样的

         $('a.globalSet').on('click',function(){
              $('div.timeSet').hide();
              $('div.globalSet').fadeIn();
              $('div.comManager').hide();
              $( "li.timeSet" ).tabs({ active:1 });
          });

---

这不是激活我的新标签。我尝试过addClass.ui选项卡处于活动状态，但仍然没有成功。有什么想法吗？提前谢谢。jsFIDLE:

选项卡

小部件，不完全像你说的那样工作，我不寻找“下一个”

div

，它寻找一个

div

，它与你在html中放入的

a

标记的

href

属性相同的

id

（或者如果它不是锚，则是一个加载内容的页面）

因此，要使代码正常工作，只需在

a

标记中添加适当的

href

属性即可。以下只是该对话框的一个示例，但您应该为两个选项卡镜像此代码：

<div id="dialog" title="Basic dialog">
   <div id="dialogTabs">
     <ul>
       <li><a href="#info1">dialog info 1</a></li><!-- 'a' tags with proper href -->
       <li><a href="#info2">dialog info 2</a></li>
       <li><a href="#comManager">dialog info 3</a></li>
       <li><a href="someOtherPage.html">dialog info 3</a></li><!-- ajax loaded content -->
     </ul>
     <div id='info1' class='info1'> <!-- div with corresponding 'id' attribute -->
        <!- More content here ->
     </div>
     <div id='info2' class='info1'>
        <!- More content here ->
     </div>  
     <div id='comManager' class='comManager'>
        <!- More content here ->
     </div>
   </div>
</div>

---

这里有一个提琴：

我们需要查看HTML，一个jsFiddle.net示例将非常有用。请创建一个提琴。是的，您所拥有的正在工作。我不想把我所有的信息都说得太多，但我相信这是解释我的情况所需要的。事实上你是对的。我通常避免使用ID，因为每页只能使用一个ID。但是在锚的情况下，你需要它们。妈的，这么愚蠢的疏忽。谢谢，修复了。另外，我可以将关闭按钮重定向到不关闭，但显示警报吗？我尝试在选项下添加close:null，但没有成功。您可以使用

beforeClose

事件：