Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何处理jQueryUI选项卡小部件的选择事件?_Jquery_Jquery Ui_Tabs - Fatal编程技术网

如何处理jQueryUI选项卡小部件的选择事件?

如何处理jQueryUI选项卡小部件的选择事件?,jquery,jquery-ui,tabs,Jquery,Jquery Ui,Tabs,我在我的网页中使用jqueryui的tab小部件 初始化正常。但您希望捕获选项卡的on_selected事件以执行其他操作。我遵循了jquery的文档,但它不起作用 我试过了 $( "#editor-tabs" ).tabs(); $("#editor-tabs").bind("tabsshow",function(event,ui){ alert(ui.index); }); 及 将断点放在回调函数中,它们就不会被命中。您介意发布一个代码示例吗

我在我的网页中使用jqueryui的tab小部件 初始化正常。但您希望捕获选项卡的on_selected事件以执行其他操作。我遵循了jquery的文档,但它不起作用

我试过了

    $( "#editor-tabs" ).tabs();
    $("#editor-tabs").bind("tabsshow",function(event,ui){
            alert(ui.index);
    });


将断点放在回调函数中,它们就不会被命中。

您介意发布一个代码示例吗?根据 没有“on_selected”事件,但激活、预激活、预加载、创建和加载

你想达到什么样的目标

可以参考一下这个:


如果使用jQueryUI1.10.*,则以下代码是正确的。 我错用了这个。只卖1.8英镑

如果您遇到类似问题,最好检查您的版本号

        $("#editor-tabs" ).tabs({                                                                  
            activate:function(event,ui){                                                       
                            alert(ui.index);                                                   
                    }                                                                          
         });   

请参阅我对这个问题的回答,该问题与此类似:

注意:对于jQuery UI 1.10.x+使用以下方法:

ui.newTab.index()

抱歉,我已编辑了问题,您链接中的最后一个答案有效。api改变了。关键字是“激活”而不是“选择”。
        $("#editor-tabs" ).tabs({                                                                  
            activate:function(event,ui){                                                       
                            alert(ui.index);                                                   
                    }                                                                          
         });   
ui.newTab.index()