Question

我使用以下代码在模板中插入javascript文件：

 _.each([
    "/assets/global/plugins/jquery-1.11.0.min.js",

    "/assets/global/plugins/jquery-migrate-1.2.1.min.js",

    "/assets/global/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js",
    "/assets/global/plugins/bootstrap/js/bootstrap.min.js",
    "/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js",
    "/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js",
    "/assets/global/plugins/jquery.blockui.min.js",
    "/assets/global/plugins/jquery.cokie.min.js",
    "/assets/global/plugins/uniform/jquery.uniform.min.js",
    "/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"


], function(script, ready) { jQuery.getScript(script, function (data, textStatus, jqxhr){

    console.log( data ); // Data returned
    console.log( textStatus ); // Success
    console.log( jqxhr.status ); // 200
    console.log( "Load was performed." );

    })
});

我得到以下结果（10个中只有一个样本），所有10个文件显示成功消息：

(function(){var t=[].slice;!fu"[…] admin.js:63
"success" admin.js:64
200 admin.js:65

"Load was performed."

但是当我看到＆＃34;查看生成源＆＃34;在Firefox开发人员工具中，我无法在html代码中看到任何插入的JavaScript文件。有人可以指导我做错了什么以及如何纠正。

Answer 1

代码对我来说很好。 jQuery.getScript（）似乎没有改变DOM中的任何内容，它只是虚拟地运行代码。尝试添加一个console.log('test');作为其内容的文件。

顺便说一句，在你发布的代码中，你使用jQuery自己的函数加载jQuery。为此，必须已加载jQuery。您似乎需要重新考虑如何加载脚本。

Answer 2

为什么使用ajax调用？

您知道吗，Meteor合并所有html文件的head标签。因此，您可以将带有内容的'scripts.html'文件作为示例：

<head>
<script src=...
</head>

如何在meteor js（0.9.2.2）模板中插入外部javascript文件

2 个答案: