【问题标题】:MaterializeCSS Dropdown Link not clickableMaterializeCSS 下拉链接不可点击
【发布时间】:2016-04-08 15:13:26
【问题描述】:

我在 Wordpress 菜单上创建的 MaterializeCSS 下拉链接遇到了一个令人沮丧的问题。当我将鼠标悬停在顶级项目上时,我可以看到链接,例如关于 FAIRDOM,但我无法单击其中任何一个。我知道这可能是某个地方的问题,因为上面有一个隐藏元素可能会捕获点击事件,但我看不到在哪里。有人知道这个网站的问题出在哪里http://beta.fair-dom.org/ 吗?

【问题讨论】:

    标签: wordpress materialize


    【解决方案1】:

    MaterializeCSS “移动优先”构建了他们的下拉菜单。从本质上讲,这对您来说意味着为下拉菜单提供支持的 JS 明确禁用了所有下拉菜单的 href on click。这是因为,在移动设备上,用户不能悬停,只能触摸。

    但是,如果您仍然想解决这个问题,可以尝试以下方法(假设您使用的是 jQuery):

    <script>
    $('.dropdown-button').click(function() {
        window.location.href = $(this).attr('href');
    }
    </script>
    

    尝试在关闭 body 标签之前粘贴它,

    【讨论】:

    • 谢谢!拿走所有 JS 后,我也得出了同样的结论。奇怪的是,我让它在相同的场景中使用物化为另一个站点工作。会不会是他们最近才添加的?
    • 不要引用我的话,但我相当肯定它是最新版本。我记得一些关于更移动的方法。
    猜你喜欢
    • 2016-12-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-05
    • 2020-03-10
    • 2013-10-12
    • 2021-04-02
    • 2010-12-01
    相关资源
    最近更新 更多