Question

我有以下显示产品的下划线代码，我想知道当用户点击锚链接时是否有办法运行此代码，在这种情况下a.filter-btn原因是因为我想更新ids中<% if(_.contains(ids, productTile.id)) { %>的值，具体取决于他们点击的锚链接。

JS

<script type="text/template" class="template">
        <h2>POV</h2>

         <ul>
            <% _.each( rc , function(productTile) {  %>

            <% if(_.contains(ids, productTile.id)) {  %>

            <li class="productTile" data-id="<%= productTile.id %>">
               <img src="<%= productTile.images[0] %>" alt=""/>
               <h3>Demo<%= productTile["name"] %></h3>
              <p><%= productTile.price.formatted %></p>

            </li>           

            <% } %>
            <% }); %>


 </ul>




  </script>



   var listingTemplate = _.template(
          $( "script.template" ).html()
      );

 <script type="text/javascript">
     $( ".listingTemplate" ).append(
           listingTemplate(data.pl)
     );  
</script>

HTML

<a href="#" class="filter-btn">filter</a>

Answer 1

我从你的问题中理解的是什么。你可以使用jQuery

以这种方式绑定你的锚点上的click事件

$( ".filter-btn" ).click(function() {
   alert($( this ).text());
   $( ".listingTemplate" ).append(
           listingTemplate(data.pl)
     );
});

将此代码放入document.ready方法

单击时运行下划线代码

1 个答案: