jquery - jqote2 テンプレートを html ファイルから分離する方法 (独自のファイルを使用)

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」など) に移動したい理由は 2 つあります。

1. 別々にメンテナンスしたい
2. 異なる *.html でテンプレートを再利用したい

ソース base.tpls で script タグを使用しようとしましたが、うまくいきませんでした。

「base.tpls」のコンテンツを javascript/jquery でロードする必要がありますか?

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