Question

我是超级新手，需要快速咨询。我需要关闭弹出式窗口，然后点击模式外部。

这里是代码。有什么提示吗？

    $('.login-btn').on('click', function () {
    $('.signin-parent').show();
});
$('.signin-btn').on('click', function () {
    console.log('erhan')
    $('.signin-parent').show();
    $('.signup-parent').hide();
});
$('.signup-btn').on('click', function () {
    $('.signin-parent').hide();
    $('.signup-parent').show();
});
$('.exit').on('click', function () {
    $('.signin-parent').hide();
    $('.signup-parent').hide();
})

它工作正常，但是我在弹出窗口之外单击却无法关闭，有人可以帮助我吗？谢谢

Answer 1

您可以将onclick事件分配给文档或正文，然后可以将弹出窗口隐藏在事件回调中。

$(".login-popup").on("click",function(e){
    if($(e.target).closest(".signin").length != 0)
    return;
    $(".login-popup").hide();
})

通过单击任意位置来关闭javascript弹出窗口？

1 个答案: