Question

有没有办法通过javascript访问通过HTML <head>加载的小胡子模板文件的内容？

<link rel="template" href="templates/address.mustache" type="text/html" />

或

<script src="templates/address_field.mustache" type="text/html" charset="utf-8" id="address_template"></script>

我已经成功通过ajax和身体中的<script>标记加载它们，但我不确定如何通过头部作为单独的文件加载文件源。

Answer 1

你需要使用一个选择器来获取那个html的内容。

使用jQuery就像：

一样简单

var tmpl=$.trim($('#address_template').val()); //trim the white spaces in the template
Mustache.to_html(tmpl,json);

Answer 2

你需要获取方法来捕获模板值外部模板：下面的代码只能在html页面内部工作：

var tmpl=$.trim($('#address_template').val()); //trim the white spaces in the template

Mustache.to_html（TMPL，JSON）;

您需要以下代码：＆＃34; $。get（＆＃39; template.html＆＃39; ，＆＃34;是您的答案。您应首先加载模板：

<!DOCTYPE html>

标题

<script>
    $(function() {
        $.getJSON('/data/speakers.json', function(data) {
            //var template = $('#speakers-template').html();

           // console.log(template);
           // var info = Mustache.render(template, data);
           // $('#talktitles').html(info);

$。get（＆＃39; template.html＆＃39;，function（template，textStatus，jqXhr）{ var info = Mustache.render（$（template）.filter（＆＃39;＃speakers-template＆＃39;）。html（），data）; $（＆＃39;＃talktitles＆＃39;）HTML（信息）; }）;

        });
    });
</script>

访问html head标签中加载的胡子模板？

2 个答案:

标题