.hide() 之后链接仍然可以点击 [关闭]答案

【问题标题】：Link still clickable after .hide() [closed].hide() 之后链接仍然可以点击 [关闭]
【发布时间】：2013-05-29 23:57:04
【问题描述】：

我在 Games-div 上的链接在使用 jQuery 的 .hide() 函数隐藏后仍然可以点击。如何编辑它以使其不再可点击？

PS: my images and background aren't visible due to files being on my computer.

【问题讨论】：

【解决方案1】：

您需要移除锚点。您只是删除了图像，但该区域仍然是可点击的。

【讨论】：

【解决方案2】：

我认为您的脚本中有错误。检查这个：jsfiddle.net/Frv8G/1/

我把“s-o”改成了“g-o”。

$("#containergames").mouseleave(function () {
    $(".g-o").animate({
        opacity: 0
    }, function () {
        $(".g-o").hide();
    });
});

【讨论】：

【解决方案3】：

问题出在你的 JS 代码的第 46 行：

 $(".s-o").hide();

应该是

 $(".g-o").hide();

但除非这只是 javascript 的学习练习，否则我建议您的菜单使用 CSS 而不是 JS。当然，如果可能的话，我认为网站的核心功能不依赖于 Javascript 是很重要的。您可以使用几乎所有主要浏览器都支持的纯 CSS 制作相同的菜单（但使用鼠标悬停而不是单击）。

【讨论】：