关闭模态问题

Close Modal issues

本文关键字：问题 模态      更新时间：2023-09-26

我正在使用以下代码打开我的Modal。

模态按预期打开，并将open附加到父类。然而，当单击"关闭"时，它不会关闭&close未添加到类中。

有人能解释一下原因吗？

<script type="text/javascript">
jQuery(document).ready(function($) {
    $window = $(window)
    $(".modal-trigger").click(function(e) {
        e.preventDefault()
        var id = $(e.target).attr("href")
        $(id).addClass("open")
        $(id).find('.close').click(function(e) {
            e.preventDefault()
            $(e.target).parent().removeClass(".open")
        });
    })
});
</script>

我的Close按钮HTML：<button class="close icon-close"></button>

我不认为parent()能让您达到正确的水平。相反，尝试从您首先添加此类的元素中删除.open类，即$(id):

$(".modal-trigger").click(function(e) {
    e.preventDefault();
    var id = $(e.target).attr("href");
    $(id).addClass("open");
    $(id).find('.close').click(function(e) {
        e.preventDefault();
        $(id).removeClass("open");
        $(this).off();
    });
});

另外，您可能希望从关闭按钮中取消对点击事件的绑定，否则它将绑定多次。

相关文章：