CoffeeScript的軌道選擇兩種模式

Question

我有紅寶石兩款車型之一，

@photos = Photo.all 
@comments = Comment.all 
@objects = @photos + @comments 

我在我的HTML按鈕ID「僅-照片」和按鈕「只-意見」，如果我點擊第一個我只想選擇照片。 我該怎麼做才能從@objects中選擇@photos？在CoffeeScript中

這裏就是我想

<div id="list"> 
<% @objects.each do |l| %> 
    <% if l.class == "Photo"%> 
    <div id="photo" class="photo"> 
     <%= render "shared/photo", :photo => l %> 
    </div> 
... 
</div> 

<div id="filters"> 
<button id="only-photo"> 
</button> 
... 
</div> 

然後在CoffeeScript中我只是做：

$("#filters").on "click", "#only-photo", -> 
$("#list #comment").removeClass "active" 
    $("#list #photo").addClass "active" 

，但我相信有更優雅的方式做這些事情！ 我們不能過濾從coffeescript範圍？或類似的東西？

謝謝！

Answer 1

試試這個：

<div id="list"> 
<% @objects.each do |l| %> 
    <div id="<%= l.class.to_s.downcase %>_<%= l.id %>" class="<%= l.class.to_s.downcase =%>"> 
    <%= render "shared/#{l.class.to_s.downcase}", :photo => l %> 
    </div> 
<% end %> 
</div> 


<div id="filters"> 
    <button id="only-photo" class="filter" value="photo"> 
    </button> 
    <button id="only-comment" class="filter" value="comment"> 
    </button> 
    </button> 
</div> 

咖啡：

$("button.filter").on "click", -> 
    class_to_hide = $(this).attr('value') 
    $("."+class_to_hide).toggleClass('active')