javascript - jQuery .closest() 方法在 iOS 设备上返回未定义

Question

jQuery 方法 .closest()不适用于 iOS 设备。我将 .closest() 与 event.target 一起使用来检测点击的目标元素是否具有特定的祖先。不幸的是，这会在 iOS 设备上返回并出错。

---

HTML

<ul class="level-1">
    <li><a href="#" class="item-1">Level 1 - Item 1</a></li>
    <li><a href="#" class="item-2">Level 1 - Item 2</a></li>
    <li><a href="#" class="item-3">Level 1 - Item 3</a></li>
</ul>

jQuery

$('.item-1').on('touchstart', function(e) {
    e.preventDefault();
    console.log(e.target.closest('.level-1'));
});

错误

---

可在 jsfiddle 找到实例.

Answer 1

您正在调用 dom 元素的 closest method (e.target 是一个 dom 元素引用)这是一个实验性的特性(只有 few browsers 支持)，需要调用 jQuery closest()跨浏览器兼容方法

console.log($(e.target).closest('.level-1'));