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

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