Question

我制作了一个可以在台式机上完美运行的模式，但是当我在模式区域外单击时，屏幕保持打开状态，在移动设备上

有没有一种方法可以解决此问题？还是必须加上'X'来关闭？

我尝试添加

$(document).click(function(){
    $("#port-content-1").hide('fast');
});

$("#port-content-1").click(function(e){
    e.stopPropagation();
});

代替

window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}

但是当我单击按钮时，模式会出现，并由于某种原因立即关闭，

如果还有一种方法可以为不同的视频制作多个模态，我将不胜感激！ -我到处都是类似的文章，但是它们涉及的是完全不同的方法，似乎我能很好地工作，想知道是否可以做更多而不是废弃它。

我所指的代码是：https://jsfiddle.net/joshtrose/g80vknyL/

Answer 1

我解决了以下两个问题：

$(".button").on("click", function() {
var modal = $(this).data("modal");
$(modal).show();
});

$(".modal").on("click", function(e) {
var className = e.target.className;
if(className === "modal" || className === "close"){
  $(this).closest(".modal").hide();
}
});

在这里找到它：https://www.sitepoint.com/community/t/how-to-get-this-script-to-work-for-multiple-modal-popups/252443/7

这是一个有效的解决方案，那里的传奇人物。

使用简单Jquery的多个模式相同页面（在Deskop和Mobile上响应）

1 个答案: