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

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;
}