javascript - 停止/销毁 jQuery 中的 Magnific Popup

Question

我想阻止在单击按钮且未选中任何复选框时显示 magnificPopup 对话框。

这是我已经尝试过的:

$('[id$=DeleteSelectedItems]').click(function (evt) {
  if ($("#datatable :checked").length == 0) {
    evt.preventDefault();
    $.magnificPopup.remove(); //prevent dialog popup if no checkbox selected
  }
});

上面的代码正在做我想做的事情，除了 $.magnificPopup.remove();不是一个有效的函数。

所以虽然$.magnificPopup.remove();阻止弹出窗口显示(因为它破坏了 JavaScript!)它不是一个有效的函数，并且在测试它时我在控制台中收到错误。我尝试过 $.magnificPopup.destroy();和 $.magnificPopup.stop();但它们也无效。

非常感谢您为此提供的任何帮助!

Answer 1

感谢您的回复。我最终使用了 $.magnificPopup.close();但重要的是，我将代码放在了大型弹出窗口初始化之后。以前，我在初始化之前就有过它。愚蠢的错误!所以我的工作 jQuery 是:

// initialise magnific popup
$('.open-popup-link').magnificPopup({
   type: 'inline',
   midClick: true
});

//don't fire the delete button if no checkbox selected in table with id of datatable
$('[id$=DeleteSelectedItems]').click(function (evt) {
   if ($("#datatable :checked").length == 0) {
       evt.preventDefault();
       $.magnificPopup.close(); //prevent dialog popup if no checkbox selected
    }
}); 

非常感谢您为我指明了正确的方向! :)