jQuery弹出关闭按钮不起作用

Question

我的jQuery对话框弹出窗口有问题。 这是代码：

<a href="#popup_open" class="btn sign-up popup wow fadeInLeft" data-wow-delay="0.4s">CLICK TO OPEN</a>
<div id="popup_open" style="display:none">
    <div class="dialog">
        POPUP CONTENT
        <div class="popup_close">×</div>
    </div>
</div>

和js：

$('a.popup').popup();

我写了一个简单的结束脚本，但是只能使用一次。

$(document).ready(function () {
    $('.popup_close').click(function () {
        $('.popup_back').css('opacity', '0');
        $('.popup_cont').css('opacity', '0');
    });
});

如何每次关闭弹出窗口？

Answer 1

一种解决方案（尽管可能不是最好的）是在打开弹出窗口的函数中的关闭按钮上添加该click事件。 如果您进入开发人员工具并在模式打开后手动将click事件添加到关闭按钮，则每次都会起作用。

这样的事情可能会起作用：

$(".popup").click(function() { // Put the correct selector here, this is just a guess

    // Opens the popup
    $('a.popup').popup();

    // Binds the click function
    $('.popup_close').click(function () {
        $('.popup_back').css('opacity', '0');
        $('.popup_cont').css('opacity', '0');
    });
});

可能有一个更清洁的解决方案，但这既快速又肮脏。