Question

我有一个使用jQuery构建的列表，可以在我尝试过的任何设备上正常显示，我已经能够点击列表并在任何地方触发目标特定事件，即使在启用了“触摸”的Chrome开发者工具中也是如此

我的列表看起来像这样。

<ul class="items"></ul>

然后我用一堆带有jquery的li构建它，它显示得很好。但是，在iOS模拟器和我的iPhone上，我无法在点击它时获得事件目标，但它显示在屏幕上，我可以看到它，我可以滚动它的父项和东西，但不是针对这些列表项。我试过这段代码：

$(document).on('click', function(e){
  console.log(e.target);
  console.log(e.target.classList);
});

这很好用并记录除了这个列表之外的整个页面上的每个元素，有没有人在这里体验过这个？我试图把它与一个荒谬的z-index相对，但没有任何效果。

Answer 1

为什么不将click事件绑定到列表的所有元素？它更容易。

$('.items').each(function(){
$(this).click(myFunctionWhenClicked)
})

function myFunctionWhenClicked(e){
    // Here e is the event 
    // and 'this' is the element
}

在iOS上没有jquery event.target

1 个答案: