为什么这个 jquery 函数在 iPhone 操作系统上不起作用？

Question

以下 jquery 在大多数桌面浏览器中工作正常，但在 android 和 iphone 浏览器上失败：

$('#submit_event').live('click', function() {

    if ($("#event_name").attr("value") != "" && $("#event_details").attr("value") != ""){
        sendEvent($("#event_name").attr("value"), $("#event_details").attr("value"));
        $('#response_container').append("<div class='event_title'>"+$("#event_name").attr("value")+"</div><div class='event_details'>"+$("#event_details").attr("value")+"<div class='comment'>Comment</div><textarea class='comment_area'></textarea><div id='post_comment'>Post</div></div>");
    }
});

#submit_event 只是 div 的 ID。单击后，它会在桌面浏览器上运行该功能，但不会在 Android 或 iPhone 上运行。

问候，

泰勒

Answer 1

您可以尝试更有效的代码：

$('#submit_event').live('click', function() {

    var eName = $("#event_name").attr('value');
    var eDetails = $("#event_details").attr('value');

    if (eName && eDetails) {
        sendEvent(eName, eDetails);
        $('#response_container').append("<div class='event_title'>" +
            eName + 
            "</div><div class='event_details'>" +
            eDetails + 
            "..."
        );
    }
});

Answer 2

好吧，我找到了答案，

这只是移动游猎中的一个错误。

您需要做的就是将 onclick='' 添加到您绑定 live 函数的任何元素，它就会起作用。

Answer 3

是的，.live 事件不适用于 td 等元素。它将与锚标记、按钮等 html 元素一起使用。因此，如果您想使用 jQuery 的 .live 事件应用 click 事件，您需要首先在 td 元素上使用 jquery .attr 方法添加 onclick="" 属性，然后应用。将事件与 td 元素绑定的实时事件。有关更多详细信息，请访问以下博客

http://skillativity .blogspot.com/2010/11/workaround-for-jquery-live-event.html

Answer 4

如果你也在使用jquery mobile，你可能想尝试一下

$('#submit_event').live('tap', function() {}