jquery - .hide() 后链接仍然可以点击

Question

我在 Games-div 上的链接在使用 jQuery 的 .hide() 函数隐藏后仍然可以点击。我怎样才能编辑它，使它们不再可点击？

jsFiddle：http: //jsfiddle.net/hypertje/Frv8G/

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

Answer 1

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

我把“所以”改成了“去”。

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

Answer 2

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

Answer 3

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

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

应该

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

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