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

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

【问题讨论】:

  • 投反对票是因为如果不去链接,这个问题是没有用的。 1. 包括我在内的人都不喜欢搜索代码。 2.如果链接失效了,这个问题对别人就没用了。

标签: jquery html css


【解决方案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 制作相同的菜单(但使用鼠标悬停而不是单击)。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-10-13
        • 1970-01-01
        • 1970-01-01
        • 2012-02-20
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-04-06
        相关资源
        最近更新 更多