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

我想单独维护它们
我想在不同的* .html

我已经尝试过使用带有source 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 ) )

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

1 个答案: