隱藏我的鐵軌使用JS

的div我的產品查看：隱藏我的鐵軌使用JS

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

來源

2013-03-26 Yogzzz

我認爲你可以這樣做：

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

所以把它添加到你的代碼是這樣的：

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

相反，如果你想隱藏它，你會做：

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

來源

2013-03-26 23:00:42 AdamT

仍然沒有工作。當我點擊顯示指標鏈接時，底部文本向下移動以爲指標div創造空間，但不顯示文本。 – Yogzzz 2013-03-27 02:31:47

你檢查過生成的JavaScript嗎？此外，網頁上正在使用的其他JavaScript？特別是涉及這個「隱藏」的div？ – AdamT 2013-03-27 02:59:40

用生成的js和html更新我的問題 – Yogzzz 2013-03-27 03:08:40

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

來源

2013-03-27 00:52:21

隱藏我的鐵軌使用JS

回答

相關問題