jquery - 关闭按钮只出现一次

Question

我的关闭按钮有一个小问题。当我调用弹出窗口时，关闭按钮正常显示。然后我关闭弹出窗口。但是，如果我再次调用弹出窗口，关闭按钮将不再出现。

我的代码：

<script>
  ;(function($) {
     $(function() {
         $('#marc').on('click', function(e) {
            e.preventDefault();
            $('#about_popup').bPopup({
                content:'iframe',
                contentContainer:'#about_popup',
                modalClose: true,
                loadUrl:'about_marc.html'
            });
        });
    });
  })(jQuery);
</script>

(...)

<div id="about_section">
    <a id="marc"><img src="bla.jpg" /></a>
</div>
<div id="about_popup">
    <a class="b-close">x<a/>
</div>

有什么问题？谢谢。朱。

Answer 1

好的，我猜内容加载会删除 about_popup id 中的内容

<div id="about_popup">
    <a class="b-close">x<a/>
    <div id="about_popupContent"></div>
</div>

将 id 更改为“ about_popupContent ”

 $('#about_popup').bPopup({
                content:'iframe',
                contentContainer:'#about_popupContent',
                modalClose: true,
                loadUrl:'about_marc.html'
            });