【问题标题】:document click event not working on a specific image slider div文档单击事件不适用于特定图像滑块 div
【发布时间】:2021-06-22 04:19:50
【问题描述】:

这是我正在开发的网站: https://cutt.ly/sxOSOTY 问题是如果您单击图像滑块,它不会检测到“仅在移动设备上”的单击事件。在桌面上它的工作。但似乎点击该特定 div 的移动设备不起作用。

$(document).on("click", function(e) {
            e.preventDefault();
            alert('clicked');
        });

它适用于整页,但不在此 div 中“slick-list draggable”我不确定是什么阻止了点击。任何帮助都非常感谢!

【问题讨论】:

  • 如果您的事件处理程序没有被调用,请检查它是否附加到正确的 HTML 元素。从浏览器控制台检查器检查呈现的页面;它显示了附加到元素的所有事件(至少在 FF 中)。如果事件处理程序正在侦听,那应该可以让您很好地理解。最后,检查控制台,看看事件处理程序运行时是否有任何错误。
  • touchMove:true 是光滑的滑块属性请参阅kenwheeler.github.io/slick中的选项
  • 感谢@Hardik,是的,它似乎是阻止点击事件的“touchend”属性。
  • @AbrarHossain 完美,它把我直接带到了正确的方向。谢谢大佬!

标签: javascript html jquery


【解决方案1】:

$('elemnt').unbind('touchend');

这解决了问题。现在 div 又可以点击了。

【讨论】:

    猜你喜欢
    • 2022-01-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多