0

我是 Mustache 的新手，我正在开发一个已经在使用它的网站。我在这个站点的一个文件夹中有一组 Mustache 模板。在主 html 中使用 Sekizai 标记调用它们，如下所示：

<html>
<head>...</head>
...
<body>

    {% block body_content %}{% endblock %}

    {% mustachejs "dashboard_module" %}
    {% mustachejs "dashboard_add_module" %}
    {% mustachejs "dashboard_empty_module" %}
    {% mustachejs "login_popup" %}
    {% mustachejs "add_account_types_popup" %}
    {% mustachejs "add_account_manual_popup" %}
    {% mustachejs "add_account_success_popup" %}
    {% mustachejs "chart_linearprogress" %}
    {% mustachejs "adviser_popover" %}

        {% mustachejs "add_event_popup" %}

</body>
</html>

这会产生如下脚本标签：

<script>Mustache.TEMPLATES=Mustache.TEMPLATES||
{};Mustache.TEMPLATES['add_event_popup']='<div id="AddAccountsPopup" class="add-event-popup">\n
<div class="addAccountsContainer">\n ... </script>

现在在另一个 js 文件中，我想在点击事件中显示这些模板之一，例如：

function my func(){
            var evnt_btn = $('.add-evnt-btn');
            var template;
            // get mustache template
        template = $( Mustache.render( 'add_event_popup' ));

            evnt_btn.click(function(){

                template.show();
            });
}

myfunc() 中的内容当然不起作用！我怎样才能做到这一点？

4

1 回答 1

0

找到了：

var template = Mustache.template('add_event_popup').render(null);
于 2012-09-04T15:46:02.227 回答