嘿伙计们,我有这个使用 ul 和 anchor 的下拉菜单,当我点击其中一个时,应该会显示一个图像。问题是当我点击它时图像出现但只出现了一秒钟然后消失了。我使用的编码是从该站点上的一个线程复制粘贴的,我认为它对遇到麻烦的人有用。 但它对我不起作用,为什么?
HTML
<ul>
<li> <a href="" onclick="document.getElementById('banquetsix').style.visibility='visible';">6 Seater</a>
</li>
<li><a href="">8 Seater</a>
</li>
<li><a href="">10 Seater</a>
</li>
</ul>
<img id="banquetsix" class="banq" src="image/banquet6.jpg" />
CSS
.banq {
visibility:hidden
}
最佳答案
我的猜测是您的代码可以正常工作,但 HREF 导致页面在您单击链接后重新加载。
尝试向您的 onclick 事件添加 return false。:
onclick="document.getElementById('banquetsix').style.visibility='visible';return false"
关于javascript - 我的 anchor onclick 显示图像但一秒钟后消失,为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22347410/