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

Question

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

<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'）有两个原因：

1. 我想分别维护它们
2. 我想在不同的 *.html 中重用模板

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

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

Answer 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 ) )