<分区>
这是一个简单的代码 fiddle :http://jsfiddle.net/k5wfH/11/ 这连续 2 天对我不起作用。
在我的网站中,第 2 个,即
flag
图像风格显示改变作品, 但是第一个,即
upvote
图像样式显示更改不起作用。 但是在 Fiddle 中,两种样式显示更改功能均不起作用。
HTML:
<img id='upgrey' class='up' src='http://s24.postimg.org/8v77coekx/up_grey.png' width='26px' onclick='upvote();'>
<img id='upgold' class='up' src='http://s24.postimg.org/jtdvh4dsh/up_raised.png' width='26px' style='display:none'>
<img id='flaggrey' class='flag' src='http://s1.postimg.org/egcymr8cb/flag_grey.png' height='26px' onclick='flag();'>
<img id='flagred' class='flag' src='http://s1.postimg.org/a5yar6397/flag_raised.png' height='26px' style='display:none'>
JS
function upvote() {
document.getElementById("upgrey").setAttribute("style", "display:none");
document.getElementById("upgold").setAttribute("style", "display:block");
}
function flag() {
document.getElementById("flaggrey").setAttribute("style", "display:none");
document.getElementById("flagred").setAttribute("style", "display:block");
}
我认为这是 JavaScript 的基本功能,不知道我还能做些什么来解决这个问题。
啊,当简单的事情失败时!
编辑: 似乎另一个 div 的填充区域覆盖了其中一个图像(几乎完全 ~95%),我无法单击图像,而只是单击另一个 div 的填充区域。一切都解决了。在这里学到了一两件事。谢谢大家。