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');
    });
});

可能有一個更清潔的解決方案，但這既快速又骯臟。