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 事件绑定(bind)到整个列表，然后委托(delegate)给 li 元素。 Android 浏览器会将点击的区域高亮显示为默认行为。但是，您可以通过 CSS -webkit-tap-highlight-color 属性覆盖它，如下所示:

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