下劃線的模板不工作

Question

在我的HTML我有：

<input type="button" id="button" value="Click Me!!"></input> 

<script type="text/template" id="users-template"> 
<% _.each(users, function(user){ %> 
    <b><%= user.name %></b> <br /> 
    <%= user.city %> <br /> 
    <%= user.education %> <br /> 
<%});%> 
</script> 

的getJSON代碼：

$("#button").click(function(){ 
    var usertemplate = _.template($("#users-template").html()); 

    $.getJSON("underscoredata.php", function(data){ 

     var resultinghtml = usertemplate({users: data.users}); 

    }); 

}); 

</script> 

從underscoredata.php我json_encode的數據。最後的數據是：

{"users":[{"name":"Daniel","city":"Pune","education":"engineer"},{"name":"Joseph","city":"Bangalore","education":"Doctor"},{"name":"Radhika","city":"Delhi","education":"Actor"}]} 

但我沒有看到任何東西在頁面中。我如何顯示頁面上的用戶信息>我已經包含了jquery和下劃線路徑。

謝謝。

Answer 1

您需要添加到產生的DOM中的HTML，創建一個目標元素：

<div id="target"></div> 

並追加resultinghtml

... 
var resultinghtml = usertemplate({users: data.users}); 
$('#target').html(resultinghtml); 
...