我是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()中的内容当然不起作用!我怎么能这样做?
答案 0 :(得分:0)
找到它:
var template = Mustache.template('add_event_popup').render(null);