Question

我发现有人编写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事件。我访问了错误的网址吗？或者我误导了什么？

Answer 1

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

中激活

还有1.8的文档，包括select事件：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

Answer 2

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

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

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

在哪里可以找到jquery UI Tabs小部件API文档

2 个答案: