iphone - 用于移动网页的 jquery 实时点击绑定

Question

我正在为移动设备制作一个网站，其中我有一个名称列表，我需要将点击事件绑定到列表。我使用 jquery 完成了这个。在所有网络设备（android、blackberry、nokia）中，当我单击列表时，结果会出现，但只有在 iphone 中事件不会触发。我该如何解决。

<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()已弃用。

该链接提供了有关移植到较新方法的信息。如果使用 jQuery 1.7+：

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

Answer 2

使用 jquery.on而不是.live

您的代码中有错字'#movie-list li"应该是"#movie-list li"

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

编辑： 完全重复 -如何在 iPhone Web 应用程序中使用 jQuery 进行点击事件