如何使用 jQuery 从另一个文件调用 JavaScript function

Question

我的问题：

我有 2 个文件：

//Sub.js
function Second() {
    //do something here
}

//Main.js
function One() {
    //do something here
}
$(function() {
    Second();
});

所以基本上， function 第二个太长了； 因此，我想将它移动到Sub.js文件并从Main.js调用它。 问题是这个 function ( function Second ) 必须在function One之后执行，因为它从function One output 获取一些数据。

我不知道该怎么做，请帮忙。

Answer 1

<script src="/lib/Sub.js"></script>

<script src="/main.js"></script>

我想在你的脑袋代码main.js之前，你应该先初始化Sub.js。

因为每当页面第一次加载时，js都会被初始化。

Answer 2

如果您特别想使用jQuery，

$.getscript("Sub.js",function(){
   Second();
});

Answer 3

您可以将文件包括在页面中，也可以在文档准备就绪时依次调用：

  $( document ).ready(function() { var result = first(); second(result); }); 

Answer 4

我遇到了类似的问题。 我的解决方案是这样的。 我在 .ready() 回调中定义了我的 function。 但问题是这些函数无法在其 scope 之外访问。要使此 function 在全局 scope 中可用（或通过在全局范围内可用的任何 object），必须在 .ready() 回调之外声明：

错误的方法：

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

    // ...
});

正确的方法：

function functionName () {
    // ...
}

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