如何在流星js（0.9.2.2）模板中插入外部javascript文件
[英]How to insert external javascript files in meteor js (0.9.2.2) template
问题描述
我正在使用以下代码在模板中插入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个文件都显示成功消息：
(function(){var t=[].slice;!fu"[…] admin.js:63
"success" admin.js:64
200 admin.js:65
"Load was performed."
但是，当我在Firefox开发人员工具中看到“查看生成的源代码”时，看不到html代码中插入的任何JavaScript文件。 有人可以指导我做错了什么以及如何纠正。
2 个解决方案
解决方案1
0 2014-09-25 04:21:45
该代码对我来说很好。 jQuery.getScript（）似乎并没有改变DOM中的任何内容，它只是虚拟地运行代码。 尝试添加具有console.log('test');的文件console.log('test'); 作为其内容。
顺便说一句，在您发布的代码中，您正在使用jQuery自己的函数加载jQuery。 为此，jQuery必须已经加载。 似乎您需要重新考虑如何加载脚本。
解决方案2
0 2014-09-25 08:26:18
为什么使用ajax调用？
您知道吗，Meteor合并了所有html文件的head标签。 因此，您可以制作一个包含内容的'scripts.html'文件作为示例：
<head>
<script src=...
</head>
如何从 ejs 模板调用外部文件的 javascript 函数？
[英]How to call javascript functions of external files from ejs template?
我应该如何在流星项目中加载外部文件（即js，css，html）？
[英]How should i load external files(i.e. js,css,html) in meteor project?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.