如何解决此问题？

所以，我一直在尝试这样，当你点击的背景下，它会关闭模式与this codepen的JS打......但是，我有两个问题：如何解决此问题？

.modal包含内。模态背景
我是一个可耻的noob，我似乎无法找到解决方法。

你们能帮忙吗？任何事情，所以我可以学习和修复:)

这里下面是js代码：

$('.button').click(function(){ 
    var buttonId = $(this).attr('id'); 
    $('#modal-container').removeAttr('class').addClass(buttonId); 
    $('body').addClass('modal-active'); 
}) 

$('#modal-container').click(function(){ 
    $(this).addClass('out'); 
    $('body').removeClass('modal-active'); 
});

谢谢！：D

来源

2016-11-04 Sebbie

如果你的问题是关于如何防止模式关闭直接点击它，但保持点击背景来关闭它（如果你想插入一个按钮或任何东西）。 ..

这样做：

$(".modal").click(function(){ 
    return false; 
});

来源

2016-11-04 15:33:21

谢谢:)但现在，我不能关闭它在所有的，还是我失去了一些东西？我尝试添加''__modal_内部以及以下代码关闭它 '$（“＃close-btn”）。click（function ）{ \t $（ “＃模态容器”）addClass（ “OUT”）; \t $（ “身体”）removeClass（ “模态活性”）; 。}）;' 但没有毫不动摇：（ – Sebbie

关闭模式的代码已经存在了...试试这个简单的代码为你的按钮：$（“＃close-btn”）。click（function（）{$（“＃modal-container”）。click ）;}）;'。它将“模拟点击背景” –

好的......有一个问题......坚持 –

如何解决此问题？

回答

相关问题