0

私の製品ビュー：

<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);
4

2 に答える 2

0

私はあなたがただできると思います：

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

したがって、次のようにコードに追加します。

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

逆に、それを非表示にしたい場合は、次のようにします。

$("div#metrics").addClass("hidden")
于 2013-03-26T23:00:42.930 に答える
0 
jQuery ->
  $("a#show_metrics").click (event) ->
    event.preventDefault()
    $("div#metrics").toggle()
于 2013-03-27T00:52:21.240 に答える