2011-06-01 111 views
6

我在我的<head>部分(「text/x-jquery-tmpl」)中有大量佔用空間的jQuery模板。我想將這些標籤移到外部文件中。我希望我能做到像<link href="/templates.html" type="section"/>這樣的東西,但我意識到這不是什麼鏈接,事實上它似乎並不奏效。如何加載外部jQuery模板

這樣做的最佳方法是什麼?我可以看看一個加載器(雖然可能很難找到一個html加載器),但這感覺像是過度殺傷。可能是因爲我別無選擇,只能將標籤包含在我的頁面中。

+0

爲什麼不把所有單獨的模板代碼複製到一個文件中? – 2011-06-01 12:55:54

+0

會很好,如果模板可以像CSS和圖像文件一樣作爲html資源獲取。 – netbrain 2011-06-01 12:57:49

回答

0

,你可以使用src屬性,像這樣:

<script src="/my/templates.html" type="text/x-jquery-tmpl"></script> 
+0

它不工作:(也沒有例外的JavaScript控制檯 – 2016-10-13 10:55:11

0

你可以使用一個單獨的文件爲每個模板,然後使用jQuery的負載功能,並注入要使用它的每個模板。 例如:

$('body').load("templates/template1.html");