Question

我正在使用jQuery BlockUI插件，它会在主页上弹出一个图像。我希望能够在任何地方点击图像外部，并能够在智能手机上关闭它。我设置了这个代码，它只适用于桌面，但不适用于Mobile：

$(document).ready(function() { 
    $('#demo9').click(function() { 
        $.blockUI(); 
        $('.blockOverlay').attr('title','Click to unblock').click($.unblockUI); 
    }); 
});

Answer 1

尝试使用.on（）绑定事件，以防出现覆盖层尚不存在的时间问题：

$(".blockOverlay").on("click", function(){ $.unblockUI });

或

$(document).on("click", ".blockOverlay", function(){ $.unblockUI });

另外，如果你使用vclick而不是点击它会有什么不同吗？

Answer 2

在Iphone，Kindle，Ipad上使用touchstart进行点击工作

$（'。blockOverlay'）。attr（'title'，'Click to unblock'）。on（'click touchstart'，$。unblockUI）;

带有Click叠加层的jQuery BlockUI不适合移动设备

2 个答案: