如何在流星js(0.9.2.2)模板中插入外部javascript文件

How to insert external javascript files in meteor js (0.9.2.2) template

本文关键字:插入 外部 文件 javascript 流星 js      更新时间:2023-09-26

我使用以下代码在模板中插入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."

但当我在Firefox开发工具中看到"查看生成的源代码"时,我在html代码中看不到任何插入的JavaScript文件。有人能告诉我我做错了什么以及如何纠正吗。

代码对我来说很好。jQuery.getScript()似乎不会更改DOM中的任何内容,它只是虚拟地运行代码。尝试添加一个以console.log('test');为内容的文件。

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

为什么使用ajax调用?

你知道吗,Meteor合并了所有html文件的头标签。因此,您可以制作一个"scripts.html"文件作为示例,其中包含内容:

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