jquery - $(document).on 点击​​处理程序和标准点击处理程序在 iOS 上的行为不同

Question

我通常使用表单绑定(bind)点击处理程序，

$(document).on('click', 'element', function() { ... });

避免稍后加载元素的问题。这在桌面浏览器(和模拟 iPhone 的 Chrome)上工作正常，但在实际的 iPhone 上这不起作用(我试过 solutions 像 'cursor: pointer; ')

我注意到另一个按钮正在工作，使用标准的点击处理程序。我更改了我的新按钮以使用

$('element').click(function() { ... });

它开始工作了。为什么这两种应用点击处理程序的方法在 iOS 上的运行方式不同？

Answer 1

我查看了 jquery 源代码，它们是相同的(.click 和 on('click') 使用相同的函数，即 .on.

.点击

jQuery.each( ( "blur focus focusin focusout resize scroll click dblclick " +
    "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
    "change select submit keydown keypress keyup contextmenu" ).split( " " ),
    function( i, name ) {

    // Handle event binding
    jQuery.fn[ name ] = function( data, fn ) {
        return arguments.length > 0 ?
            this.on( name, null, data, fn ) :
            this.trigger( name );
    };
} );

如您所见，$.click 最终将调用 .on(或 .trigger，如果没有参数，这不是您的例)