我在我的 Mustache.js 模板中使用 RateIt Pugin,但它没有显示任何内容。
当我直接在 HTML 中使用它时,它工作正常
下面是我的 mustache 模板
<script id="category_list" type="text/template">
<li> Rate {{movie_name}}:
<div class="rateit">
</div>
</li>
</script>
下面是我的 JS 代码,用于获取模板并将其添加到主页
var data={
movie_name:'some movie'
};
$.get('js/temp.html', function(template, textStatus, jqXhr) {
var menu_list=Mustache.render($(template).filter('#category_list').html(), data);
$('#movie_details_list').empty().append(menu_list);
$.mobile.changePage( '#movie_details_page', { transition: "slide", changeHash: false });
});
这是我的 HTML
<div data-role="page" id="home">
<div data-role="content">
<ul data-role="listview" id="movie_details_list" >
</ul>
</div>
</div>
最佳答案
加载模板后,您必须触发rateit()
。我不明白您的结果/模板
逻辑并做了一些调整:
var template = $('#category_list').html();
Mustache.parse(template);
var data={
movie_name:'Stack in the Galaxy'
};
$.get('temp.html', function( result, textStatus, jqXhr ) {
var rendered = Mustache.render( template, data );
$('#target').html( result );
$('#movie_details_list').append( rendered );
$('div.rateit, span.rateit').rateit(); // <-- start up RateIt
});
关于javascript - 在 Mustache.js 模板中使用时,Rateit 插件不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24322071/