2

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

<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>
4

1 回答 1

0

在打开新颜色框之前,您是否关闭了前一个颜色框?如果没有,您可以尝试调用 $.colorbox.close(); 当您希望第一个灯箱关闭时。

于 2013-07-16T09:09:13.753 回答