Question

我有一个模态对话框，当有人使用以下功能点击叠加层时会关闭该对话框，它适用于除iPad和iPhone Safari之外的所有浏览器。

$(".ui-widget-overlay").live('click', function() { 
//mycode to close modal dialog
});

我尝试了$（“。ui-widget-overlay”）。点击但不起作用。

如果元素jQuery live event on iPad...why doesn't it work?上没有onclick属性，则实时功能无法在iPad上运行存在问题

所以我尝试在live函数之前添加该属性，但仍然不起作用。这就是我在做的事情：

$(".ui-widget-overlay").attr('onclick', '');
$(".ui-widget-overlay").live('click', function() { 
//mycode to close modal dialog
});

有没有人找到解决方案？

Answer 1

$j(".telephonePopup").dialog({
    open: function (event) {
        $j('.ui-widget-overlay').live("touchstart click", function() {
            $j(".telephonePopup").dialog("close");
            return false;
        });

                    // if you want also to stop scrolling while popup is displayed
        document.ontouchmove = function(e){
           e.preventDefault();
        }
    },
    close: function (event) {
        $j('html').removeClass('stop-scrolling');
        document.ontouchmove = null;
    },

iPad jquery live（'click'）问题

1 个答案: