Jquery ui标签操作

Question

我的页面中有3个jquery ui选项卡。对于每个选项卡，我都会调用一些函数。

$( "#tabs“).tabs({

    select: function(event, ui) {
            var text = ui.tab.text;
            $("#tab1, #tab2, #tab3").empty();
            switch(text){
                case 'tab1':
                    //function
                    break;
                case 'tab2':
                    //function
                    break;
                case 'tab3':
                    //function
                    break;
            }
        }
    });

在某些情况下，我必须使用不同的逻辑打开tab2，例如，通过#tab1div中的按钮。为此，我使用：

$("#tab2").html("text tab2");
$("#tabs" ).tabs("select", 1);

此操作将“text tab2”添加到#tab2块，但“tabs(select，1)”事件打开第二个选项卡，并执行上述切换案例“tab2”中的函数。

如何在选项卡中添加文本并打开它，而不使用选项'select'？

Answer 1

所以，我没有为这个问题找到任何解决方案，但我通过另一种方法解决了这个问题，通过cookie变量send to选项卡禁用了'select case tab2 functions‘。

$("#tabs").tabs({
select: function(event, ui) {
        var text = ui.tab.text;
        var type = "";
        $("#tab1, #tab2, #tab3").empty();
        var cook = $(this).tabs("option", "cookie");
        if(cook){
            type = cook.type;
        }
        switch(text){
            case 'tab1':
                //function
                break;
            case 'tab2':
                if(type!='extern'){
                      //function
                }
                break;
            case 'tab3':
                //function
                break;
        }
        //remove the cookie
        $(this).tabs({cookie: {type: ""}});
    }
});

要通过另一个链接打开选项卡，请使用'selected‘选项而不通过case 'tab2'：

$("#tab2").html("text tab2");
$("#tabs" ).tabs({cookie: {type: "extern"}});
$("#tabs" ).tabs("select", 1);