如何打开第二个灯箱

Question

是否可以在内部打开第二个灯箱？目前，以我打开的方式，它彼此重叠。

我想做的与此类似；https://imgur.com/a/t4Ujo2T

这是我的代码；

.product1 {display: none}
.product2 {display: none}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/featherlight/1.5.0/featherlight.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/featherlight/1.5.0/featherlight.min.css" rel="stylesheet"/>
<a href=".product1" class="" data-featherlight>See product detail</a>

<div class="lightbox product1">
  <h1>Product name</h1>
  <p><b>Description:</b></p>
  <p>Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.</p>
  <br><br>
  <p><b>Related products:</b></p>
  <a href=".product2" class="" data-featherlight>Click Me</a>
</div>

<div class="lightbox product2">
  <h1>Product name</h1>
  <p><b>Description:</b></p>
  <p>Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.</p>
</div>

Answer 1

我已经将[[featherlight.js中的beforeOpen: $.noop,更改为beforeOpen: function() { $.featherlight.close() },，并且可以正常工作。