ruby-on-rails - 使用 JS 隐藏我的 rails div

Question

我的产品视图：

<a href="#" id="show_metrics">Show Metrics</a>
  <div id="metrics" class="hidden">
<%="Number of Primary Products: #{Product.total_product_size(rating_set).count}"%><br/>
<%="Number of Recommendations: #{Product.total_recommendation_size(rating_set).count}"%><br/>
<%="Percentage of Bad Recommendations: #{bad}/#{total} = #{number_to_percentage(percentage_bad, :precision => 2)}"%>
</div>

products.js.coffee：

$ ->
  $("a#show_metrics").click (event) ->
    event.preventDefault()
    $("div#metrics").toggle()

“显示指标”链接显示在我的视图中，但是单击链接时没有任何反应，但是当我查看页面源时，我将指标 div 视为隐藏值。单击“显示指标”链接时，我需要更改什么以显示指标信息。

生成的 HTML：

<div id="metrics" class="hidden">
Number of Primary Products: 5
<br>
Number of Recommendations: 105
<br>
Percentage of Bad Recommendations: 0/0 = NaN%
</div>

生成的JS：

(function() {
$(function() {
return $("a#show_metrics").click(function(event) {
event.preventDefault();
return $("div#metrics").show();
});
});
}).call(this); 

Answer 1

我认为你可以这样做：

$("div#metrics").removeClass("hidden")

所以像这样将它添加到你的代码中：

$ ->
  $("a#show_metrics").click (event) ->
    event.preventDefault()
    $("div#metrics").removeClass("hidden")

相反，如果你想隐藏它，你会这样做：

$("div#metrics").addClass("hidden")

Answer 2

jQuery ->
  $("a#show_metrics").click (event) ->
    event.preventDefault()
    $("div#metrics").toggle()