当元素不存在时,使用.on()的Jquery无法在ios7上运行

时间:2014-01-22 13:50:54

标签: javascript jquery ios7

我正在尝试使用jquery“on”方法来侦听可能不在页面中的元素上的click事件。 (在我的示例中元素在页面中),但它在iOS7上不起作用

测试并开始工作:
铬32.0.1700.72米
ff 26
Android 4.3三星s3

不能在运行ios7的iPhone 4上运行

jsfiddle:http://jsfiddle.net/MPYKX/

HTML:

<div id="clickable">Click me</div>

JS:

var onClick = function () {
    alert("ok");
};

$(document).ready( function () {
    $(document).on("click", "#clickable", onClick);
});

2 个答案:

答案 0 :(得分:3)

点击事件在iOS上不起作用,您必须使用touchstarttouchmovetouchend事件来确定用户是否点按了屏幕。

答案 1 :(得分:0)

app.event = (ua.match(/iPad|Android/i)) ? "touchstart" : "click";
$(element).on(app.event, function(e) {
    e.stopPropagation();