bootstrap当点击遮罩层的时候,如何让模态框不关闭?

bootstrap当点击遮罩层的时候,如何让模态框不关闭?


牛魔王的故事
浏览 2429回答 1
1回答

森栏

解决方法:· 在HTML页面中编写模态框时,在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”,即可。· 在需要显示模态框,初始化时,$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}); 其中 ,backdrop:’static’指的是点击背景空白处不被关闭; keyboard:false指的是触发键盘esc事件时不关闭。模态对话框(Modal Dialogue Box,又叫做模式对话框),是指在用户想要对对话框以外的应用程序进行操作时,必须首先对该对话框进行响应。如单击【确定】或【取消】按钮等将该对话框关闭。一般来说,Windows应用程序中,对话框分为模态对话框和非模态对话框两种。二者的区别在于当对话框打开时,是否允许用户进行其他对象的操作。建立模态对话框1.选择File/New/MFC AppWizard[exe],Project name为Test,单击OK.2.选择Single document,单击Finish.3.选择左侧Workspace/ResourceView,在Dialog上单击右键,选择Insert Dialog,默认名字为IDD_DIALOG1.4.双击右侧工作区中的对话框,弹出一对话框Adding a Class,默认选择Create a new class,单击OK.5.在对话框New Class中,在Name中填入CDialogproty,Base class选择缺省名字CDialog,单击OK.在MFC ClassWizard 上选择OK.6.选择左侧Workspace/ClassView,双击CTestView#include "Dialogproty.h"class CTestView : public CView{protected: // create from serialization only7.选择左侧Workspace/ResourceView/Menu,双击IDR_MIANFRAME,在右侧工作区上方,"帮助(H)"后双击,弹出对话框Menu Item Properties,点击General/Pop-up,选为非选择状态,在ID内输入IDR_TEST,Caption中输入Test,关闭对话框Menu Item Properties,8.在按钮Test上点击右键,选择ClassWizard...,在Messages中选择COMMAND,点击Add Function...,弹出对话框Add Member Function,点击OK,选择Edit Code.9.在以下函数中添加代码void CTestView::OnTest(){// TODO: Add your command handler code hereCDialogproty dlg;dlg.DoModal();}10.编译,运行。点击菜单按钮Test,弹出对话框,点击OK!完成!
打开App,查看更多内容
随时随地看视频慕课网APP