2013-12-09 40 views
1

我有以下显示产品的下划线代码,我想知道当用户单击锚链接时是否有运行此代码的方式,在这种情况下是a.filter-btn原因是因为我会喜欢根据他们点击的锚点链接更新<% if(_.contains(ids, productTile.id)) { %>中的ids的值。单击时运行下划线代码

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> 

回答

3

我从你的问题理解。你可以在你的锚使用jQuery

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

这种方式把这个代码在你document.ready方法

+0

的是我也想下划线代码中操纵ID的价值,取决于click事件绑定按钮,他们点击。 – user1937021

+1

你可以通过在'.click'的匿名函数中使用'this'来访问哪个元素用户点击你可以相应地添加你的逻辑 – muneebShabbir

+1

我已经更新了我的答案,现在它会在警告框中打印你的锚标签的'filter'文本 – muneebShabbir