jquery - JQuery Modal，需要不能让点击返回等问题，有什么想法吗？

Question

我已经返回了一个没有问题的结果列表。

当您单击该列表中的某个项目时，模式会显示在可单击项目列表上。

当我单击模式右上角的关闭按钮时，它会淡出然后淡入。

我已经尝试在列表中关闭单击“关闭”，但没有办法重新打开它。

由于关闭按钮也在列表上方，因此它的操作会立即被模式下方列表的“显示”操作忽略。

这是代码：

// This does the showing
$('ul.property-content li.box-sizing').on('click',function(){

        $(this).find('.property-modal-wrapper').fadeIn("fast");
        $('ul.property-content li.box-sizing').off('click');// this works

});



// This is inside of the modal element that is inside of the element that does the showing
$('.modal .close').on('click',function(){

        $(this).parentsUntil('li.box-sizing').find('.property-modal-wrapper').fadeOut("fast");
        $('ul.property-content li.box-sizing').on('click');// but can't get this to come back on

});

Answer 1

您可能只需要使用 .stopPropagation() 而不是关闭事件处理程序。试试这个：

// This does the showing
$('li').on('click', function() {
    $('#modal').fadeIn("slow");
});

// This is inside of the modal element that is inside of the element that does the showing
$('#modal').on('click', function(event) {
    event.stopPropagation();
    $('#modal').fadeOut("slow");
});​