Rateit插件在Mustache.js模板中使用

Question

我在我的Mustache.js模板使用RateIt普金但它不顯示任何東西時不工作。

當我使用它RateIt直接在HTML它的做工精細

下面

是我的鬍子模板

<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> 

Answer 1

您必須在加載模板後觸發rateit()。我不明白你的result/template邏輯並做了一些調整：

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 
});