如何解決此問題？

所以，我一直在嘗試這樣，當你點擊的背景下，它會關閉模式與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 ）;}）;'。它將「模擬點擊背景」 –

好的......有一個問題......堅持 –

如何解決此問題？

回答

相關問題