Jquery UI选项卡访问.tabs()之外的ui.tab

时间:2012-01-29 13:47:30

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

我正在使用加载ajax内容的Jquery UI标签,我想知道如何检索:

$.data(ui.tab, 'load.tabs');

在.tabs()之外

其实我这样做了:

$("#boards").tabs({
    select : function(event, ui) {
              $.data(ui.tab, 'load.tabs');
    },
});

但是我想在.tabs()之外访问ui.tab是可能的吗?如何?

1 个答案:

答案 0 :(得分:1)

您可以在select函数之外设置一个变量,您可以在其中设置该变量。除非绝对必要,否则这不应该是一个全局变量。请记住,select函数必须至少调用一次,然后才能访问该变量(因为它是在函数内设置的,而不是之前)。 这将导致类似这样的事情:

/* This is not recommended to be a global context */

var myUiTabVariable;
$("#boards").tabs({
    select : function(event, ui) {
        myUiTabVariable = ui.tab;
        MyFunction();
    }
});

function MyFunction() {
    //Here you can use the ui.tab varible outside of the select function
    console.log(myUiTabVariable);
}

再次请记住,除非MyFunction函数至少被调用一次,否则不应调用select。否则myUiTabVariable将是未定义的。