Question

我使用colorbox时遇到问题。我想通过colorbox在WP中打开附件页面。该页面有几个不同大小的图像（横向和纵向），因此颜色框的宽度和高度必须是灵活的。使用默认的dataType是有效的，但是当我第二次点击图像时，似乎最后一个颜色框没有正确关闭。结果它有两个colorbox运行。每次单击图像时，颜色框都会进行乘法运算。知道如何解决这个问题吗？谢谢。

<script>
  $(document).ready(function(){
    $('.lightbox').colorbox();
  });
</script>


<div class='image-wrap'>
  <dl class='gallery-item'>
    <dt class='gallery-icon'>
      <a class="lightbox" href='http://localhost/Maize/?attachment_id=122' title='8'>
        <img width="250" height="190" src="http://localhost/Maize/wp-content/uploads/2013/04/8-250x190.jpg" class="attachment-thumbnail" alt="8" />
      </a>
    </dt>
  </dl>
  <dl class='gallery-item'>
    <dt class='gallery-icon'>
       <a class="lightbox" href='http://localhost/Maize/home/home-page/attachment/7/' title='7'>
         <img width="250" height="190" src="http://localhost/Maize/wp-content/uploads/2013/04/7-250x190.jpg" class="attachment-thumbnail" alt="7" />
       </a>
    </dt>
  </dl>
</div>

Answer 1

在打开新颜色框之前，您是否关闭了前一个颜色框？如果没有，您可以尝试调用$ .colorbox.close（）;当你想要第一个灯箱关闭时。

Colorbox打开两次/乘法

1 个答案: