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