jQuery ready函数值传递给JavaScript函数

Question

我有以下jQuery代码。 如您所见，我有一个警报，它基于this.getIndex（）中的值显示我当前所在的选项卡。

我的问题是，如何获取此值，以便可以在不包含在ready(function)其他JavaScript函数中使用它？

我想可以这样说：

tabIndx = this.getIndex() ，当此值更改时，我想在ready(function)之外的下面的另一个函数中使用它，例如

var tabIndx;

$(document).ready(function(){ 

    // initialize scrollable 
    $("div.scrollable").scrollable({
        size: 1,
        items: '#thumbs',  
        hoverClass: 'hover',
                onSeek: function() {
                  alert("Current tab is: "+ this.getIndex()); 
                }
    });
});


function showVal() {
  alert("current tab selected is: "+ tabIndx);
}

因此，每次我单击不同的选项卡时，我都希望showVal()函数使用tabIndx的正确值触发。

Answer 1

替换为：

alert("Current tab is: "+ this.getIndex()); 

有了这个：

tabIndx = this.getIndex();
showVal();

这里的所有都是它的。 $(document).ready()函数没有什么特别的。 只是jQuery附带的一个普通JavaScript函数，当文档准备好时jQuery恰好会调用。

您可以自由调用其他函数，并访问$(document).ready()外部声明的变量，就像使用任何JavaScript函数一样。

Answer 2

您已将tabIndx声明为全局的，因此足以满足您的需求。 我也会初始化它：

var tabIndx = 0;

您在jQuery中使用this方法的方式将返回到选择器中的div（div.scrollable），因此将其与getIndex()函数一起使用是没有意义的。

引用tabIndx可以获取值或设置就可以了。

除非我完全误解了您想要什么...