追加中 <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