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")); 
     }); 
    }); 

폰갭을 이용하여 안드로이드에서 테스트 할 때 함수는 올바른 클릭 한 리튬 요소의 id의 PARAM하지만 전체 목록을 클릭 한 리튬의 JQuery와 효과 외에 파란색 클릭 효과 (취득과 트리거 요소). FireFox에서 테스트 할 때 jquery 강조 효과만으로 전체 목록에 파란 클릭 효과가 없습니다. 기기에 차이점이있는 이유를 누구나 알고 있습니까?

Answer 1

모든 목록에 파란색 클릭 효과가 있습니다. click 이벤트를 전체 목록에 바인딩 한 다음 li 요소에 위임하기 때문입니다. Android 브라우저는 기본 동작으로 탭 영역을 강조 표시합니다. 그러나 CSS- 속성을 통해 다음과 같이 재정의 할 수 있습니다.

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