2

我弹出了一个javascript确认对话框，但是当我点击“取消”时，在对话框关闭后，点击屏幕上的任意位置，对话框再次弹出。它只会发生一次额外的时间，然后您可以再次点击页面而不会弹出对话框。

我只在运行 iOS 5.0.1 的 iPhone/iPad 上看到这个。我没有 iOS 6 设备，所以我不确定它是否在那里发生。

这是我正在使用的代码：

$(bpm.remoteAppDivName).on('tap', 'a.delete-pending-payment', function(event) { 

    if  (isJQMGhostClick(event)) { return false; }

    var deleteGlobalPaymentURL = $(this).attr('href');

    var confirmMsg = confirm ("Are you sure you want to do that?"); 

    if (confirmMsg === true){

        window.location = '/index.htm';

    }
    event.preventDefault();
    return false;

});

var lastclickpoint, curclickpoint;
var isJQMGhostClick = function(event){
    curclickpoint = event.clientX+'x'+event.clientY;
    var ret=false; 
    if (lastclickpoint === curclickpoint) {
        ret=true;
    } else {
        ret=false;
    }
    lastclickpoint = curclickpoint;
    return ret;
}

这是问题页面的链接：http ://www.5280skateparks.com/dev/confirmBug.htm

任何帮助将不胜感激。

更新：我刚刚确认它也在 iOS 6.0.1 上发生。

4

1 回答 1

0

这是此处和此处详细讨论的 jQuery Mobile“Ghost Click” 。在论坛页面上，提出了一个解决方案，我在下面复制了一个小错误修复：

var lastclickpoint, curclickpoint;
var isJQMGhostClick = function(event){
    curclickpoint = event.clientX+'x'+event.clientY;
    var ret=false; 
    if (lastclickpoint === curclickpoint) {
      ret=true;
    } else {
      ret=false;
    }
      lastclickpoint = curclickpoint;
   return ret;
}

我已经稍微修改了这段代码，以不总是期望有两次点击。现在，此功能在 0 次重影点击和 2 次以上重影点击的情况下可以正常工作。您可以通过isJQMGhostClick(event)在点击处理程序的开头检查并在isJQMGhostClick函数返回 true 时忽略事件来使用它。

于 2013-02-02T00:23:19.957 回答