当前位置: > > > Framework7 - 设置是否允许点击弹出框外部区域,关闭弹出层

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

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

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作。

打赏支持
评论0