-10

我在 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.
4

3 回答 3

0

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

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

$("#containergames").mouseleave(function () {
    $(".g-o").animate({
        opacity: 0
    }, function () {
        $(".g-o").hide();
    });
});
于 2013-06-03T18:35:52.890 回答
0

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

于 2013-06-03T18:33:19.053 回答
0

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

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

应该

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

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

于 2013-06-03T18:50:43.423 回答