点击图片

当我悬停一个数字评级显示，但是当我点击该数字时，评级不会保持可见。出于某种原因，当我用户背景颜色而不是背景网址时，它工作正常。有人可以帮助我吗？点击图片

最终结果应该如下： 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

回答

相关问题