【问题标题】:DIV Element with link not clickable on mobile devices带有链接的 DIV 元素在移动设备上不可点击
【发布时间】:2017-04-17 16:18:52
【问题描述】:

我的带有 ahref 的 div 在移动设备上是不可点击的。我不确定它是否被另一个 div 元素覆盖。但是,我已经尝试了几个小时的 z-index、位置等。我真的需要这方面的帮助。

链接:www.truself.io 浏览器:Firefox,因为我现在使用一些 Jquery 来重定向到地图视图

Mobile-View: Following element is not clickable on mobile only on desktop. Need this element to get clickable.

如果有人可以帮助我,那就太棒了。我是一个非常初学者:-)

【问题讨论】:

  • 我检查了移动设备上的链接它工作正常..但有时.job_filters 类覆盖了 div(主要是图像部分,但您可以单击商店名称),这使得单击变得困难.
  • @NitinWalia 哦,好吧。你知道如何解决这个问题吗?干杯,
  • 除非您提供代码,否则我将无法提供帮助..

标签: jquery html css mobile responsive-design


【解决方案1】:

您可以在父元素(可能是透明 div)中禁用指针事件,但仍为其子元素启用它。为此,所有育儿 div 都获得 pointer-events: none,其可点击的子项通过 pointer-events: auto 重新启用指针事件

【讨论】:

    【解决方案2】:

    我最近遇到了一个类似的问题:在带有 Safari 或 Chrome 的 iOS 设备上,DIV 元素不可点击。解决它的方法是将事件附加到 DIV。见:

    https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile

    我不确定这也是您的问题,但它可能会有所帮助。

    【讨论】:

    • 嘿,谢谢。我非常初学者。你有我可以添加到 main.js 并修改到我的 div 的示例代码吗?干杯
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-02-18
    • 1970-01-01
    • 2011-07-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-03
    相关资源
    最近更新 更多