只有第一个调用的 href 才会在 Lightbox 中打开 iframe 其他 href 打开新页面

Question

我正在使用 jquery 简单灯箱。我需要在灯箱中总共打开 10 个链接，所有链接都显示不同的 iframe。一次只能显示一个灯箱。

这对于第一个 href 来说效果很好，第一个之后的所有 href 都会打开一个新页面。所以我猜我的 JS 方式有问题？

这是我在 html 中设置链接和 js 的方式。因此“.iframe1.html”可与 JS lightbox 配合使用，但“iframe2.html”会打开一个新页面。

<div class="parallax__group info-container">
          <!-- ein Eintrag inkl. Button -->
        <img src="./img/OM791-thumb.png" alt="" />
        <div id="iframe" class="text-container">
          <h2>Headline 1</h2>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa</p><br>
          <a href="test/assets/iframe1.html" title="iframe1" rel="lightbox" class="btn">Open 3D Model</a>
            <script>
  $('#iframe').simpleLightbox();
  </script>
        </div>
        </div>
          <div class="parallax__group info-container">
          <!-- ein Eintrag inkl. Button -->
        <img src="./img/OM791-thumb.png" alt="" />
        <div id="iframe" class="text-container">
          <h2>Headline 2</h2>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa</p><br>
          <a href="test/assets/iframe2.html" title="iframe2" rel="lightbox" class="btn">Open 3D Model</a>  <script>
  $('#iframe').simpleLightbox();
  </script>
        </div>

尝试将