jQuery弹出关闭按钮不起作用答案

【问题标题】：jQuery popup close button dont workjQuery弹出关闭按钮不起作用
【发布时间】：2016-08-29 17:36:58
【问题描述】：

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

如何每次都关闭弹出窗口？

【问题讨论】：

当您的弹窗第二次打开时，此功能不起作用？ @达米安
你为什么不使用jQuery库的弹出代码来隐藏它？我确信它有一个内置的。
$( "a.popup" ).popup( "close" ) 应该关闭它或$('#popup_open').popup('close)
弹出了什么库？ jQuery 有.dialog()。此外，要使用 jQuery 显示和隐藏，只需使用 .show() 和 .hide()
@NalinAggarwal 第二次打开后，弹出窗口已打开，但关闭按钮不起作用。你可以在这里查看：www.gersonomania.pl（左下角的红色按钮）

标签： javascript jquery dialog popup

【解决方案1】：

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

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

$(".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');
    });
});

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

【讨论】：