关闭时Magnific Popup Callback

Question

我正在使用Magnific Popup上传图片。当用户点击或按下关闭按钮时，我希望得到用户确认是否关闭。

这是我的Javascript：

$('#upload').magnificPopup({
    type:'inline',
    callbacks: {
        close: function(){
            if( confirm("Are you sure you want to close?") ) {
              return true;
            }
              return false;
            }
          }
      }
});

但它没有用。

Answer 1

你可以override the close method。通过修改instance，您只会更改此特定弹出窗口的功能。然后只需调用原始close方法即可完成作业。

$('#upload').magnificPopup({
  type:'inline',
  callbacks: {
    open: function() {
      $.magnificPopup.instance.close = function() {
        // Do whatever else you need to do here
        var confirmed = confirm("Are you sure you want to close?");
        if(!confirmed) {
          return;
        }

        // Call the original close method to close the popup
        $.magnificPopup.proto.close.call(this);
      };
    }
  }
});

Answer 2

你可以试试这个

('#upload').magnificPopup({
    type:'inline',
    callbacks: {
      close: function(){
         var didConfirm = confirm("Are you sure?");
         if(didConfirm ==false){
            return false;
         }
      }
  });