我在 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.
我在 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.
我认为您的脚本中有错误。检查这个:jsfiddle.net/Frv8G/1/
我把“所以”改成了“去”。
$("#containergames").mouseleave(function () {
$(".g-o").animate({
opacity: 0
}, function () {
$(".g-o").hide();
});
});
您需要移除锚。您只是删除了图像,但该区域仍然是可点击的。
问题出在 JS 代码的第 46 行:
$(".s-o").hide();
应该
$(".g-o").hide();
但除非这只是 javascript 的学习练习,否则我建议在菜单中使用 CSS 而不是 JS。当然,如果可能的话,我认为网站的核心功能不依赖于 Javascript 是很重要的。您可以使用几乎所有主要浏览器都支持的纯 CSS 制作相同的菜单(但使用鼠标悬停而不是单击)。