如何从 html 文件中分离 jqote2 模板（使用自己的文件）答案

【问题标题】：How to separate jqote2 templates from html file (using own file)如何从 html 文件中分离 jqote2 模板（使用自己的文件）
【发布时间】：2012-06-15 08:48:41
【问题描述】：

我想分隔我的模板，格式如下：

<script type="text/x-jqote-template" id="tpl-header">
<![CDATA[
    <div data-role="header">
        <h1>Just a demo</h1>
        <a href="/" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
    </div><!-- /header -->

出于两个原因，我想将模板移动到单独的文件（例如“base.tpls”）：

我想单独维护它们
我想在不同的 *.html 中重用模板

我已经尝试使用带有源 base.tpls 的脚本标签，但它不起作用。

我需要用 javascript/jquery 加载 'base.tpls' 的内容吗？

【问题讨论】：

需要更多信息..
您应该使用服务器端语言来这样做。
由于某种原因，stackoverflow 没有接受我的初始帖子，对此感到抱歉...@undefined：我需要使用客户端模板，因为我想使用 html5 离线功能和尽可能少的文件跨度>

标签： jquery jqote

【解决方案1】：

这是我的处理程序的一个版本，它接收我从链接下载的数据。如果您仍在尝试解决此问题，这应该可以帮助您开始：

var _ = {
    templates: {},
    template: {
        compile: function(id, tmpl) {
            _.templates[id] = $.jqotec(tmpl, "*")
        },
        populate: function(id, data) {
            $.jqote(_.templates[id], data, "*")
        }
    }
}

$.get(
    link,
    function( tmpl ) {
        _.template.compile( id, tmpl )
    }
);

$( element ).append( _.template.populate( id, data ) )

【讨论】：