Jquery 如何从html文件中分离jqote2模板(使用自己的文件)

Jquery 如何从html文件中分离jqote2模板(使用自己的文件),jquery,jqote,Jquery,Jqote,我想分离我的模板,其形式如下: <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

我想分离我的模板,其形式如下:

<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'的内容吗?

    这是我的处理程序的一个版本,它接收我从链接下载的数据。如果您仍在尝试解决此问题,这应该会让您开始:

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

    需要更多信息..您应该使用服务器端语言来完成此操作。由于某些原因,stackoverflow不接受我的初始帖子,对此表示抱歉@未定义:我需要使用客户端模板,因为我想用尽可能少的文件使用html5脱机功能