Question

我正在制作移动设备的网站，其中我有一个名单列表，我需要将点击事件绑定到列表中。我用jquery完成了这个。在所有的webdevices（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() has been deprecated。

该链接提供有关移植到较新方法的信息。如果使用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());
});

修改完全重复 - How do I use jQuery for click event in iPhone web application

jquery live click单击绑定移动网页

2 个答案: