一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

Framework7 设置是否允许点击弹出框外部区域,关闭弹出层

时间:2016-09-17 编辑:简简单单 来源:一聚教程网

1,Framework7中三大类弹出框
 
(1)模态框(modal):默认点击外部区域不会关闭弹出框

模态框包括:告警框(Alert)、确认框(Confirm)、需要用户输入的提示框(Prompt)

 

(2)操作表(Action Sheet):默认点击外部区会自动关闭

 

(3)弹出层(Popup):默认点击外部区域会自动关闭

 


2,修改默认的关闭方式

如果想要点击模态框(modal)外部区域也会关闭模态框。或者不允许点击操作表(Action Sheet)、弹出层(Popup)外部区域时会自动关闭。
我们可以在 Framework7 初始化的时候可以进行如下修改。


// 初始化 app
var myApp = new Framework7({
          modalCloseByOutside: true,
          actionsCloseByOutside: false,
          popupCloseByOutside: false
});

3,参数说明
(1)modalCloseByOutside:模态框(modal)是否允许通过点击外部关闭(默认值:false)
(2)actionsCloseByOutside:操作表(Action Sheet)是否允许通过点击外部关闭(默认值:true)
(3)popupCloseByOutside:弹出层(Popup)是否允许通过点击外部关闭(默认值:true)

热门栏目