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

Question

我正在尝试实现单击以触发列表元素上的功能。该列表在运行时填充。我正在使用 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); 
}