仅在 colorbox 中显示内容

Question

我想只显示彩盒中的内容，关闭彩盒后内容消失。如果我将 display:none css 添加到 '.ajax' 内容不会显示在颜色框中。如果添加删除，则在关闭弹出窗口后显示内容。我想在关闭弹窗后让内容消失

<div class="ajax" >
   <img src="https://www.w3schools.com/html/pic_mountain.jpg"/>
   <p>Hello, world!</p>
</div>

$(document).ready(function(){
    $.colorbox({inline:true, href:".ajax"});
});

Answer 1

试试这个：

$(document).ready(function(){
    $.colorbox({
        inline:true,
        href:".ajax",
        onClosed: function () { // Close event of colorbox
           $('div.ajax').hide();
        }
    });
});

Answer 2

您可以使用colorbox提供的onClose功能。

onClosed: function() {
  $('.ajax').hide()
}

完整代码：

$(document).ready(function() {
  $.colorbox({
    inline: true,
    href: ".ajax",
    onClosed: function() {
      $('.ajax').hide()

    }
  });
});

仅在 colorbox 中显示内容

display the content only in colorbox

jquery

html

colorbox