javascript - 如何在另一个模态中创建模态，最后一个模态在 Jquery 中打开另一个时消失

Question

        $(function() {
    //----- OPEN
    $('[data-popup-open]').on('click', function(e)  {
        var targeted_popup_class = jQuery(this).attr('data-popup-open');
        $('[data-popup="' + targeted_popup_class + '"]').fadeIn(350);
 
        e.preventDefault();
    });
 
    

});

.popup {
    width:500px;
    height:500px;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(193, 49, 49, 0.55);
    z-index: 99;
}
.popup-1{
    width:500px;
    height:500px;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:green;
    z-index: 99;
}

<div class="popup-1" data-popup="popup-2">
  <button type="button"><a class="btn" data-popup-open="popup-1" href="#">Regjistrohu</a></button>
</div>
<div class="popup" data-popup="popup-1">
  <button type="button"><a class="btn" data-popup-open="popup-2" href="#">login</a></button>
</div>
<button type="button"><a class="btn" data-popup-open="popup-2" href="#">add</a></button>

你好，我正在做一个登录和注册表单，就像 Jquery 中的模态一样，当我在注册模态中单击登录时，它可以工作，但是当我尝试在登录模态中注册时，我不工作，我也想从它们中消失当另一个处于事件状态时。到目前为止她是我的代码:http://codepen.io/xhepigerta/pen/vGRdvb 有人能帮助我吗？谢谢

Answer 1

尝试以下操作:

$('[data-popup]').not($('[data-popup="' + targeted_popup_class + '"]')).fadeOut();

http://codepen.io/anon/pen/redJgG