在页面加载时触发灯箱模式

Question

我想在页面加载时自动弹出一个灯箱模式框。

当我实际点击它时，我当前的锚点非常完美，这是我迄今为止使用过的JQuery。

<script>
$(document).ready(function(){
      document.getElementById('popup').click();
});
</script>

和HTML

<a id="popup" class="wb-lbx lbx-modal" href="#alert">test</a>
      <section id="alert" class="mfp-hide modal-dialog modal-content overlay-def">
        <div class="alert alert-info">
          <h2 class="h4">header</h2>
          <p>content</p>
          </div>
      </section>

问题是，它只是将我带到页面上的#popup锚点位置，而不实际触发了实际点击它时弹出的灯箱。

如何在页面加载时触发点击事件？

由于