在移动主题中，当我们点击外部弹出窗口时弹出窗口不会隐藏

Question

我正在使用jquery.blockUI.js来显示移动应用程序的弹出窗口。单击按钮时会显示弹出窗口。但是当我试图在弹出窗口外面点击弹出窗口时，它就不会隐藏。

我正在使用此代码隐藏弹出窗口： -

jQuery('.blockOverlay').attr('title','Click to unblock').click(jQuery.unblockUI);

它在magento的桌面版中完美运行，但不适用于移动主题。

请帮我解决这个问题。

Answer 1

尝试这样的事情......

function togglePopup(){
  var selector = '#popup',
    $popup = $(selector),
    callback = function(e) {
      if (!$(e.target).parents().andSelf().is(selector)) {
        $popup.hide();
        $(document).off('click', callback);
      }
    };

  $popup.toggle();
  if ($popup.is(':visible')) {
    $(document).on('click', callback);
  }
  return false;
}