如何在流星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.