追加中 <head> 与jQuery-似乎不起作用？

Question

我正在尝试创建一个主js控制器，其中包括我的应用程序所需的所有js文件，以使所有内容保持尽可能的结构化。

我以为这会行得通，但似乎没有在head附加任何内容：

HTML：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../static/css/main.css" />
<link rel="stylesheet" type="text/css" href="../static/css/sub/navbar.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="../static/js/includes.js"></script>
<title>Untitled Document</title>
</head>

如您所见， includes.js是在jQuery之后从Google的CDN导入的

include.js的内容：

var scripts = ['../static/js/functions/notifications.js', '../static/js/functions/subnavbar.js'];
$(document).ready( function() {
    var iterate = scripts.length;
    for(i = 0; i < iterate; i++) {
        $('head').append('<script type="text/javascript" src="' + scripts[i] + '"></script>');
    }
});

我不知道为什么不将数组scripts的内容附加到head 。 我通过将内容附加到body来测试了脚本（请参阅此jsFiddle ）。

任何关于为什么它不起作用，或进行编辑使其起作用的答案，将不胜感激:)！

Answer 1

需要考虑的事情：这个问题已经为您解决，并且已经存在一个很棒的JavaScript库。 它称为Require JS 。

我强烈建议在滚动自己的依赖项加载器之前先进行检查，看看它是否可以满足您的要求。

Answer 2

您正在使用jQuery，为什么不使用$ .getScript？ 在以下示例中，此方法运行良好： http : //jsfiddle.net/x6rCr/

追加中 <head> 与jQuery-似乎不起作用？

问题描述

2 个解决方案

解决方案1
1 已采纳 2011-12-23 16:33:55

解决方案2
0 2011-12-23 16:38:19

追加中 <head> 与jQuery-似乎不起作用？

问题描述

2 个解决方案

解决方案1 1 已采纳 2011-12-23 16:33:55

解决方案2 0 2011-12-23 16:38:19

解决方案1
1 已采纳 2011-12-23 16:33:55

解决方案2
0 2011-12-23 16:38:19