javascript - 我的 anchor onclick 显示图像但一秒钟后消失，为什么？

Question

嘿伙计们，我有这个使用 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
}

Answer 1

我的猜测是您的代码可以正常工作，但 HREF 导致页面在您单击链接后重新加载。

尝试向您的 onclick 事件添加 return false。:

onclick="document.getElementById('banquetsix').style.visibility='visible';return false"