小胡子包括模板

时间:2012-09-03 10:28:33

标签: jquery html mustache

我是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()中的内容当然不起作用!我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

找到它:

var template = Mustache.template('add_event_popup').render(null);