链接仍然可以在.hide（）后点击

Question

在使用jQuery的.hide（）函数隐藏了Games-div后，我的链接仍然可以点击。如何编辑它以便它们不再可点击？

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

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

Answer 1

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

Answer 2

我认为你的剧本里面有一个错误。检查一下：jsfiddle.net/Frv8G/1/

我将“s-o”改为“g-o”。

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

Answer 3

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

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

应该是

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

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