모바일 웹 페이지의 jquery 라이브 클릭 바인딩

Question

휴대 기기 용 웹 사이트를 만들고 있는데 여기에는 이름 목록이 있고 목록에 클릭 이벤트를 바인딩해야합니다. jquery를 사용하여이 작업을 수행했습니다. 모든 webdevices에서 (안드로이드, 블랙 베리, 노키아) 목록을 클릭하면 결과는 나오지만 아이폰에는 이벤트가 발생하지 않습니다. 어떻게 해결할 수 있을까요?

<ol id="movie-list"> 
<li> Movie 1 </li> 
<li> Movie 2 </li> 
<li> Movie 3 </li> 
</ol> 

$('#movie-list li").live("click", function() { 
console.log($(this).html()); 
}); 

Answer 1

http://bugs.jquery.com/ticket/5677 - 실시간 클릭 이벤트가 MobileSafari (iPhone)에 등록하지 마십시오

분명히 jQuery 버그입니다. "해결 방법은 첨부 할 요소에 onclick =" "을 추가하는 것입니다 ...."

다른 메모에서는 .live() has been deprecated입니다.

이 링크는 최신 방법으로 이식하는 방법에 대한 정보를 제공합니다. jQuery 1.7 이상을 사용하는 경우 :

Answer 2

사용 JQuery와 .on 대신 .live

의 코드에 오타가 '#movie-list li"이어야있다 "#movie-list li"

$(document).on("click", "#movie-list li", function() { 
    alert($(this).html()); 
}); 

편집 : 정확한 중복 - How do I use jQuery for click event in iPhone web application