Отобразить модальное всплывающее окно: предотвратить закрытие всплывающего окна

Question

Я использую всплывающее окно всплывающего окна 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' 
    } 
    } 
} 

Но все еще не работает.

Пожалуйста, помогите, Спасибо.

Answer 1

Наконец нашел:

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