Javascript 使用主干模板中的每个

Javascript 使用主干模板中的每个,javascript,templates,backbone.js,Javascript,Templates,Backbone.js,我试图在模板中使用主干foreach语句,但它在下面给出了一个错误 参数列表后的语法错误(缺失) 我想把这样的东西传给它 var multiSortDiv = _.template($('#multiSortContainerTemp').html(), { "cols": aoCols }); 这是我的模板: <script type="text/template" id="multiSortContainerTemp"> <div id="multiSortContain

我试图在模板中使用主干foreach语句,但它在下面给出了一个错误

参数列表后的语法错误(缺失)

我想把这样的东西传给它

var multiSortDiv = _.template($('#multiSortContainerTemp').html(), { "cols": aoCols });
这是我的模板:

<script type="text/template" id="multiSortContainerTemp">
<div id="multiSortContainer">
    <br>
    <p style="font-weight:bold;width:400px;color:Blue">Multi-Sort - Check columns to Sort By</p>
    <br>
     <% _.each(%><%= cols %><%, function(val, i) { %>
       <label style="font-weight:bold;margin-left:7px"><%= val.sTitle %></label>
       <input id="multiSort_" + <%= i %> type="checkbox" style="margin-left:2px" />
     <%}) %>
</div>
</script>
<div id="multiSortContainer">
   <br>
   <p style="font-weight:bold;width:400px;color:Blue">Multi-Sort - Check columns to Sort By</p>
   <br>
    <% _.each(<%= cols %>, function(val, i) { %>
       <label style="font-weight:bold;margin-left:7px"><%= cols[i].sTitle %></label>
       <input id="multiSort_<%= i %>" type="checkbox" style="margin-left:2px" />
    <%}); %>
</div>


多重排序-检查要排序的列



有人知道我在模板中做错了什么吗?

以下是正确的模板:

<script type="text/template" id="multiSortContainerTemp">
<div id="multiSortContainer">
    <br>
    <p style="font-weight:bold;width:400px;color:Blue">Multi-Sort - Check columns to Sort By</p>
    <br>
     <% _.each(%><%= cols %><%, function(val, i) { %>
       <label style="font-weight:bold;margin-left:7px"><%= val.sTitle %></label>
       <input id="multiSort_" + <%= i %> type="checkbox" style="margin-left:2px" />
     <%}) %>
</div>
</script>
<div id="multiSortContainer">
   <br>
   <p style="font-weight:bold;width:400px;color:Blue">Multi-Sort - Check columns to Sort By</p>
   <br>
    <% _.each(<%= cols %>, function(val, i) { %>
       <label style="font-weight:bold;margin-left:7px"><%= cols[i].sTitle %></label>
       <input id="multiSort_<%= i %>" type="checkbox" style="margin-left:2px" />
    <%}); %>
</div>


多重排序-检查要排序的列



您可以在此处简化模板:
好的,我已修复它。以下是正确的模板代码:

<div id="multiSortContainer"> 
  <p style="font-weight:bold;width:400px;color:Blue">Multi-Sort - Check columns to Sort By</p>
  <% _.each(<%= cols %>, function(val, i) { %> 
    <label style="font-weight:bold;margin-left:7px">
    <%= cols[i].sTitle %></label> 
    <input id="multiSort_<%= i %>" type="checkbox" style="margin-left:2px" />
  <%}); %> 
</div>

多重排序-检查要排序的列


id=“multiSort”+
您在html codeOk中使用的
+
我将其更改为此,但仍然会出现相同的错误OK我修复了它。以下是正确的模板代码:

多排序-检查要排序的列