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

android phonegap jquery click on element in dynamic list

本文关键字：列表 元素 动态 phonegap jquery android      更新时间：2023-09-26

我正在尝试实现一个点击，以触发列表元素上的一个函数。该列表是在运行时填充的。我使用的是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高亮效果。有人知道为什么这个设备有区别吗？

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

.myList {
  webkit-tap-highlight-color: rgba(0,0,0,0); 
}
相关文章：