使用已加载脚本的功能

时间:2015-04-14 21:17:35

标签: javascript jquery

在我的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;在控制台中。

1 个答案:

答案 0 :(得分:0)

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

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

(参见处理错误

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