android phonegap jquery点击动态列表中的元素

Question

我正在尝试实现触发list元素上的函数的单击。该列表在运行时填充。我正在使用jQuery 1.8.0和PhoneGap 2.0。

    $(".myList").on("click", "li", function(event) {
       $(this).effect("highlight", {}, 150).queue(function() {
          someFunc((this).attr("id"));
       });
    });

在使用PhoneGap在Android上测试时，使用所点击的li元素的id的正确参数触发该功能，但整个列表获得蓝色点击效果（除了点击的li元素的jquery效果）。在firefox中测试它时，整个列表上没有蓝色单击效果，只有jquery高亮效果。有没有人知道为什么设备上有差异？

Answer 1

所有列表都有蓝色点击效果;因为您将click事件绑定到整个列表，然后委托给li元素。 Android浏览器将抽头区域突出显示为默认行为。但是，您可以通过CSS - webkit-tap-highlight-color属性覆盖此属性，如下所示：

.myList {
  webkit-tap-highlight-color: rgba(0,0,0,0); 
}