如何加载外部 jQuery 模板答案

【问题标题】：How can an external jQuery templates be loaded如何加载外部 jQuery 模板
【发布时间】：2011-09-06 06:48:16
【问题描述】：

我的<head> 部分（“text/x-jquery-tmpl”）中有大量 jQuery 模板占用空间。我想将这些标签移动到外部文件中。我希望我可以做类似<link href="/templates.html" type="section"/> 之类的事情，但我意识到这不是链接的目的，而且确实它似乎不起作用。

这样做的最佳方法是什么？我可以研究一个加载器（虽然可能很难找到一个 html 加载器），但这感觉有点矫枉过正。可能只是我别无选择，只能在我的页面中包含标签。

【问题讨论】：

为什么不将所有单独的模板代码复制到一个文件中？
如果模板可以像 css 和图像文件一样作为 html 资源获取，那就太好了。

标签： html loading jquery-templates link-tag

【解决方案1】：

您可以为每个模板使用一个单独的文件，然后使用 jQuery 的加载函数并将每个模板注入您想要使用它的位置。例如：

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

【讨论】：

【解决方案2】：

你可以使用 src 属性，像这样：

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

【讨论】：

它不工作 :( 在 javascript 控制台上也不例外