點擊圖片

當我懸停一個數字評級顯示，但是當我點擊該數字時，評級不會保持可見。出於某種原因，當我用戶背景顏色而不是背景網址時，它工作正常。有人可以幫助我嗎？點擊圖片

最終結果應該如下： 1 - 懸停數字和評級圖像應該出現。 2 - 選擇數字時，評級圖像應保持可見。 3 - 選擇另一個數字時，在上一張圖像消失時應顯示評分圖像。

這是演示link。

2011-12-20 need2nobasis

這是怎麼回事？

HTML：

<div class="button"> 
    <a href="#"><div class="child1">1</div></a> 
    <a href="#"><div class="child2">2</div></a> 
    <a href="#"><div class="child3">3</div></a> 
    <a href="#"><div class="child4">4</div></a> 
    <a href="#"><div class="child5">5</div></a> 
</div>

CSS：

.highlight 
{ background: url("http://cuuzo.com/level5.png") no-repeat 0 0; display: block; } 

.child1:hover, .child2:hover, .child3:hover, .child4:hover, .child5:hover 
{ background: url("http://cuuzo.com/level5.png") no-repeat 0 0; }

腳本：

$("a").click(function(){ 
    $(".highlight").removeClass('highlight') 
    $(this).addClass('highlight'); 
});

來源

2011-12-20 20:13:31 wanovak

@T hinkingStiff在jsfiddle之外，它不適合我。這是一個完全相同的代碼的鏈接，但由於某種原因，它的功能不一樣。 [鏈接]（http://cuuzo.com/button.html）我做錯了什麼？ – need2nobasis 2011-12-20 23:31:12

@ need2nobasis我很樂意提供幫助，但這不是我的答案。我剛剛編輯它。我確定wanovak回答你。 – ThinkingStiff 2011-12-20 23:49:24

@wanovak你能幫我解決這個問題嗎，我似乎無法弄清楚我做錯了什麼。 [鏈接]（http://cuuzo.com/button.html） – need2nobasis 2011-12-20 23:58:49

$("a").click(function(){ 
    $("a div").removeClass('highlight') 
    $(this).find("div").addClass('highlight'); 
});

來源

2011-12-20 20:14:00 Diode

回答

相關問題