0

我发现有人写了如下的jquery代码：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript">
    $(function () {
        $("#tabs").tabs();
        $("#tabs").bind("tabsselect", function (e, tab) {
            alert("The tab at index " + tab.index + " was selected");
        });
    });
 </script>

他绑定了“tabsselect”事件。我尝试查找有关 tabselect 事件的更多详细信息。所以我访问了 URL：http://api.jqueryui.com/tabs/

但我没有找到 tabselect 事件。我访问了错误的网址吗？还是我被误导了？

4

2 回答 2

2

选择事件在 1.9 中被重命名为激活：http: //api.jqueryui.com/tabs/#event-activate

还有 1.8 的文档，包括选择事件：http ://api.jqueryui.com/1.8/tabs/#event-select

不推荐使用 select 事件，因此它在 1.9 中仍然有效，除非您设置$.uiBackCompat = false. 1.9 升级指南中的更多信息：http: //jqueryui.com/upgrade-guide/1.9/#preparing-for-jquery-ui-1-10

于 2012-11-27T14:33:27.810 回答
1

在 jQueryUI 几个月前改变他们的网站之前，文档已经存在。您还可以使用：

$("#tabs").tabs({
   select:function(eventt,ui){
        alert("The tab at index " + ui.index + " was selected");
   }
});

如果您想查看有关ui对象（或tab代码）中可用内容的更多详细信息，请将其记录到控制台。

于 2012-11-22T01:19:44.307 回答