2013-07-30 80 views
1

所有,我有麻烦的处理程序时,会显示一个新的jQuery选项卡窗格中运行jQuery UI的选项卡激活事件不触发

。我使用JQuery 1.6.3和JQuery-ui 1.8.16。我的HTML看起来像这样:

<div class="tabs"> 
    <ul> 
     <li> 
      <a href="#one">one</a> 
     </li> 
     <li> 
      <a href="#two">two</a> 
     </li> 
    </ul> 
    <div id="one">one</div> 
    <div id="two">two</div> 
</div> 

我的JavaScript看起来像这样:

$(".tabs").tabs({ 
     select : function(event,ui) { 
      alert("selected a tab"); 
     }, 
     activate : function(event,ui) { 
      alert("activated a tab"); 
     } 
    }); 

当我点击选项卡上,选择事件触发(我看到的警告框),但激活事件没有按” t火(我没有看到警报框)。我不明白什么是错的。

我的目标是在打开每个选项卡窗格中显示的各种小部件上运行一些代码。我会很好地将该代码与select事件相关联,但该事件在之前触发,窗口小部件完成呈现。

如何在之后运行代码窗格中的窗口小部件已全部渲染?

谢谢。

+1

我看到相反的......'activate'激活,但不是'select'。 http://jsfiddle.net/Mng8A/。 [jQueryUI Tabs文档](http://api.jqueryui.com/tabs/)不会列出“select”事件。 –

+2

@JasonP:是的,你是对的。看起来我的JQuery和JQuery-ui库的组合并不像预期的那样。我会看到更新到更新的版本。谢谢。 – trubliphone

+0

这是问题所在。升级JQuery-ui的版本的确有窍门。谢谢。 – trubliphone

回答

相关问题