javascript - jQuery 就绪函数值传递给 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 函数一样。