Question

我之前使用以下方法打开和关闭弹出窗口，但在这种情况下我无法弹出窗口关闭。有没有人看到我的密码中有什么突出的东西不允许弹出窗口关闭？

<div id="new-profile-pic-preview">
    <form>
        <img class="none pic-preview" id="file" src="#" alt="your image">
        <input type="submit" class="none" name="create" value="Upload Profile Picture">
    </form>
    <a class="popup-close" data-popup-close="popup-1" href="#">Close</a>
</div>

JS

$("#upload-link").on('click', function(e){
    e.preventDefault();
    $("#upload-profile-pic:hidden").trigger('click');
});
//----- CLOSE
$('[data-popup-close]').on('click', function(e)  {
    var targeted_popup_class = jQuery(this).attr('data-popup-close');
    $('[data-popup="' + targeted_popup_class + '"]').fadeOut(350);
    $('body').css('overflow', 'auto');
    e.preventDefault();
});

Answer 1

从我在您的代码中看到的内容以及我们在评论中的简短聊天，您需要做的就是选择正确的元素fadeOut

所以负责关闭pupop的代码就是这样的：

//----- CLOSE
$('[data-popup-close]').on('click', function(e)  {
    $('[#new-profile-pic-preview').fadeOut(350);
    $('body').css('overflow', 'auto');
    e.preventDefault();
});

使用单击功能将数据弹出窗口关闭的问题

1 个答案: