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

ポップアップを開く関数の閉じるボタンにそのクリックイベントを追加する方法がありますデベロッパーツールにアクセスし、モーダルが開いた後にクリックイベントをクローズボタンに手動で追加すると、毎回動作します。

が

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

クリーナー解決策があるかもしれませんが、これは、迅速かつ汚れている：このような

何かが仕事ができます。