显示模式弹出基础：防止弹出关闭答案

【问题标题】：Reveal modal popup foundation: Prevent close on popup显示模式弹出基础：防止弹出关闭
【发布时间】：2014-10-31 04:16:13
【问题描述】：

我正在使用显示模式弹出窗口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'
    }
  }
}

但还是不行。

请帮忙，谢谢。

【问题讨论】：

插件使用情况如何？显示代码。

标签： javascript jquery popup zurb-foundation

【解决方案1】：

终于找到了：

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

【讨论】：