揭示模式弹出的基础:防止关闭弹出
Reveal modal popup foundation: Prevent close on popup
本文关键字:模式 更新时间:2023-09-26
我正在使用显示模式弹出窗口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">×</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'
}
}
}
但仍然不起作用。
请帮忙,谢谢
终于找到了:
data-options="close_on_background_click:false;close_on_esc:false;"
相关文章:
- Javascript,访问一个主要对象模块模式中的每个对象
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 试图在引导模式内动态生成图表,得到offsetWidth错误
- 同位素库错误:未捕获错误无布局模式包装生产线8
- 在DOM中查找一个模式并替换它's的内容使用jquery
- 如何缩短MongoDB ObjectId并在Mongoose模式中使用它
- D3.js模式不适用于弧形或圆环图
- Webdriver.io pageObject模式-通过传递参数来定义元素选择器
- 模块模式和这个
- 带有let的JS/EECMAScript6私有字段的模式
- 我是否可以检测到javascript正在被卸载(作为调试模式)
- 执行动态模式弹出
- 注意:wp_enqueue_script调用不正确.在 Wordpress 调试模式下
- AngularJS ui路由器html5模式中断路由
- 包含圆括号的JavaScript Regex模式
- 显示模块模式在Knockout中设置模型的新实例
- Node.js使用Series函数(模式?)实现流控制时出现意外结果
- 使用模式格式化Number类型输入中的值
- Markdown模式代码镜像正在创建
- Ajax模式下的Jquery Select2 V4在IE9中不起作用