从另一个.js文件调用javascript函数 [英] Calling a javascript function from another .js file

问题描述

我有两个外部.js文件。第一个包含一个函数。第二个调用函数。

I have two external .js files. The first contains a function. The second calls the function.

file1.js

$(document).ready(function() {

    function menuHoverStart(element, topshift, thumbchange) {

        ... function here ...

    } 

});

file2.js

$(document).ready(function() {

    setTimeout(function() { menuHoverStart("#myDiv", "63px", "myIMG"); },2000); 

});

问题是这不是运行该功能。我需要两个单独的文件，因为file2.js是根据特定条件动态插入的。如果我在file1.js末尾包含setTimeout ...行，则此函数有效

The trouble is that this is not running the function. I need the two separate files because file2.js is inserted dynamically depending on certain conditions. This function works if I include the setTimeout... line at the end of file1.js

任何想法？

推荐答案

问题是， menuHoverStart 在其范围之外是无法访问的（由定义.ready（）文件＃1中的回调函数。您需要在全局范围内（或通过全局范围中可用的任何对象）使此函数可用：

The problem is, that menuHoverStart is not accessible outside of its scope (which is defined by the .ready() callback function in file #1). You need to make this function available in the global scope (or through any object that is available in the global scope):

function menuHoverStart(element, topshift, thumbchange) {
    // ...
}

$(document).ready(function() {
    // ...
});

如果你想 menuHoverStart 留在 .ready（）回调，您需要手动将函数添加到全局对象（使用函数表达式）：

If you want menuHoverStart to stay in the .ready() callback, you need to add the function to the global object manually (using a function expression):

$(document).ready(function() {
    window.menuHoverStart = function (element, topshift, thumbchange) {
        // ...
    };
    // ...
});

这篇关于从另一个.js文件调用javascript函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！