Question

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

模态按预期打开 - 并将open附加到父类。但是，当点击“关闭”时，它不会关闭＆amp; 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>

Answer 1

我认为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();
    });
});

此外，您可能希望从关闭按钮取消绑定单击事件，否则它将多次绑定。

关闭模态问题

1 个答案: