jquery ui tabs激活事件不触发

时间:2013-07-30 21:03:33

标签: jquery jquery-ui jquery-ui-tabs

所有

在显示新的JQuery选项卡窗格时,我无法运行处理程序。我正在使用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");
        }
    });

单击选项卡时,select事件将触发(我看到警告框)但激活事件不会触发(我没有看到警告框)。我不明白什么是错的。

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

如何在选项卡窗格中的小部件全部呈现后运行代码

感谢。

1 个答案:

答案 0 :(得分:2)

JQueryui 1.8仅支持     标签的选择事件。      here is the link

从JQueryui 1.9及更高版本开始删除选择事件。 而是介绍     标签的激活事件。 here is the link