在移動主題彈出不會隱藏，當我們點擊外部彈出

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