Javascript 无法在iOS中以单击的元素为目标

我已经尝试了一个多星期，但失败了，我想知道为什么我的iOS设备不会以点击特定元素为目标

在这个JSFIDLE中，您可以尝试单击1。背景，然后当你点击其中一个彩色按钮时，它就像一个符咒，除非你使用的是iOS设备。为什么呢？我想不出来

就是这个。由于某种原因，它不会在iOS设备中触发

$('.colors li').click(function(){
    alert('yo');
});

下面是甚至没有被触发的实际代码

$(document).on('click', '.bg ul.colors li', function () {
    $(this).siblings().removeClass('selected');
    $(this).addClass('selected');
    $('.case_background').css({ 'background': $(this).css('background') });

    caseObject.background = $(this).css('background');
});

刚发现即使我说，也没有任何东西被记录：

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

---

IOS有触摸事件。。不单击使用：

$('.colors li').bind("click touchstart", function(){
    alert('yo');
});

---

这是IOS设备的一个众所周知的问题，单击鼠标一次就会触发悬停事件。所以哈代是对的

但要深入了解为什么您的“布局”选项卡工作正常，而您的“背景”选项卡工作不正常。这可能是因为您在“背景”选项卡中使用LI，而在“布局”选项卡中使用按钮元素

---

您可以检查此问题，以找到解决此问题的方法：

在我的示例中，单击“布局”选项卡可以很好地解决此问题。现在也试过了，但是运气不好。谢谢你的回复：）你能试试吗：

$（'.colors li'）.attr（'onclick'，'$.noop（）'）。点击（function（）{alert（'yo'）；}）

或者可能只是将

onclick

属性设置为空字符串可能是重复的或？@a.Wolff抱歉，但也没有运气。它甚至没有被触发。不，那里也有一个ul.layouts，没有填写在小提琴上，很抱歉。顺便说一句，我也可以点击手机中的菜单，这也是一个列表。