Javascript 流星中的放大弹出窗口goTo关闭弹出窗口

我的问题是，当我使用.goTo1时，项目0将立即关闭。如果我选择第一次打开项目1，我可以查看弹出窗口

我为我的POPU导入模板：

{{> booking_preview }}
{{> user_preview }}

然后单击创建一个弹出窗口，默认情况下打开项目0：

$.magnificPopup.open({
      items: [
        {
          src: $(".booking-preview"),
          type: 'inline'
        },
        {
          src: $(".user-preview"),
          type: 'inline'
        }],
      enableEscapeKey: false,
      showCloseBtn: false,
      closeOnBgClick: true,
      removalDelay: 300,
      mainClass: 'mfp-fade mfp-tooltip'
    }, 0);

现在，在这个弹出窗口中有一个按钮，用于转到指定的项目：

$.magnificPopup.instance.goTo(1);
$.magnificPopup.instance.updateItemHTML();

现在，如果我选择默认打开项目1，为什么会关闭弹出窗口而不带我进入下一个弹出窗口

两个弹出式模板如下所示：

项目0：

<template name="booking_preview">
  <section class="white-popup mfp-hide booking-preview" tabindex="-1" role="dialog" id="modal-show" aria-hidden="true">
    <div class="modal-inner">
      <header id="modal-label" class="group">
        {{> preview_booking }}
      </header>
      <div>
        {{> preview_book }}
      </div>
    </div>
  </section>
</template>

---

若按钮在外部，则需要将关闭bg click设置为false

closeOnBgClick: false,

$.magnificPopup.open({
          items: [
            {
              src: $(".booking-preview"), // calendar/preview/booking/booking_preview.html
              type: 'inline'
            },
            {
              src: $(".user-preview"), // user/user.html
              type: 'inline'
            } ],
          removalDelay: 1500
        }, 0);

closeOnBgClick: false,