Question

在我的HTML页面中，我正在使用某些函数加载JS文件（main.js）。

HTML：

<head>
    <script src="main.js"></script>
</head>
<body>
    <header>Navigation</header>
    <main>
        <div id="click_me">
        </div>
    </main>
</body>

main.js：

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

function start() {
    $.getScript( 'first.js' ).done(function () { 
        console.log("loaded");
    });
}

function anything() {
    console.log("done");
}

现在我使用$ .getScript加载另一个JS文件（first.js）。但是这个文件需要使用第一个函数。

first.js：

$('#click_me').on('click', function() {
    anything();
});

在此示例中，点击#click_me会导致打印＆＃34;已完成＆＃34;在控制台中。

Answer 1

您的代码看起来是正确的。我会添加.fail()语句来解决jQuery $ .getScript官方文档中所述的错误：

https://api.jquery.com/jquery.getscript/

（参见处理错误）

检查控制台和/或exception var中的错误标记，以查看加载文件时是否出现错误（主要是期望路径或语法错误）。

使用已加载脚本的功能

1 个答案: