运行JavaScript当用户点击链接

Question

我只希望这段代码时，点击

<a href="#" id="open">OPEN</a> 

$(window).resize(function() { 
    resetValue(); 
    sizeScrollbar(); 
    reflowContent(); 
}); 
//init scrollbar size 
setTimeout(sizeScrollbar, 10);//safari wants a timeout 

所以理论上的链接火的功能，我想：

if(open button clicked) 
{ 

    $(window).resize(function() { 
    resetValue(); 
    sizeScrollbar(); 
    reflowContent(); 
    }); 
    //init scrollbar size 
    setTimeout(sizeScrollbar, 10);//safari wants a timeout 
} 

我知道如何在jquery中执行它，但是这个代码位于一个单独的js文件中（文件名：scroll.js），它包含在页脚中。

我尝试注释掉

$(window).resize(function() { 
    resetValue(); 
    sizeScrollbar(); 
    reflowContent(); 
}); 
//init scrollbar size 
setTimeout(sizeScrollbar, 10);//safari wants a timeout 

而且在我main.js烧成文件中像这样：

$(".open").click(function() { 

    $(window).resize(function() { 
     resetValue(); 
     sizeScrollbar(); 
     reflowContent(); 
    }); 
    //init scrollbar size 
    setTimeout(sizeScrollbar, 10);//safari wants a timeout 

}); 

但它给我一个错误：

未捕获的ReferenceError：sizeScrollbar是没有定义

我认为这是因为我想调用sizeScrollbar当我在main.js文件中调用scroll.js文件之外。

Answer 1

问题是scroll.js是在闭包中声明的（$（function（）{}）;）。如果您希望在可用的封闭体内声明的任何内容，则必须在封闭体的末尾返回一些内容。这意味着你可能会想返回中有你的函数对象：

// scroll.js 
var scroll = (function() { 

    // code  

    function sizeScrollbar() {}; 

    // code 

    return { 
     'sizeScrollbar' : sizeScrollbar 
    } 

})(); 

然后在main.js你可以调用sizeScrollbar像这样：

scroll.sizeScrollbar();