顯示模式彈出的基礎：防止彈出

我使用的是顯示模式彈出http://foundation.zurb.com/docs/components/reveal.html。顯示模式彈出的基礎：防止彈出

是否存在防止esc鍵上的彈出關閉的內置方法。或者我怎樣才能使它工作？

我嘗試以下，

$(document).keyup(function(e) { 
     if (e.keyCode === 27) { 
     return e.preventDefault(); 
     } 
    });

鏈接打開彈出

<a class="action icon-primary" id="manageAccess" ng-click="Popup()"><img src="images/Manage_Access_Icon.svg"/>Access Pop up</a>

彈出

<div id="AccessContainer" class="reveal-modal large" data-reveal data-options="close_on_background_click:false;"> 
     //contents inside pop-up 
     <a class="close-reveal-modal">&#215;</a> // wil close pop-up 
    </div> 

    $scope.Popup = function() { 
     return $("#AccessContainer").foundation("reveal", "open"); 
    };

在foundation.reveal.js

settings : { 
    animation: 'fadeAndPop', 
    animation_speed: 250, 
    close_on_background_click: true, 
    close_on_esc: true, // how can i change this from my js 
    dismiss_modal_class: 'close-reveal-modal', 
    bg_class: 'reveal-modal-bg', 
    open: function(){}, 
    opened: function(){}, 
    close: function(){}, 
    closed: function(){}, 
    bg : $('.reveal-modal-bg'), 
    css : { 
    open : { 
     'opacity': 0, 
     'visibility': 'visible', 
     'display' : 'block' 
    }, 
    close : { 
     'opacity': 1, 
     'visibility': 'hidden', 
     'display': 'none' 
    } 
    } 
}

但仍然無法正常工作。

請幫忙，謝謝。

來源

2014-10-31 Erma Isabel

如何使用插件？顯示代碼。 – kums 2014-10-31 07:51:47

終於找到了：

data-options="close_on_background_click:false;close_on_esc:false;"

來源

2014-10-31 08:17:30

顯示模式彈出的基礎：防止彈出

回答

相關問題