Question

懂bootstrap的过来看看，bootstrap模态框的问题

最近刚学bootstrap,使用模态框的时候遇到一个问题：点击遮罩层的时候模态框会被关闭，如果我不想让他关闭应该怎么修改呢，我知道关闭事件是委托在这个属性中 data-dismiss="modal"。但是我查看了源码，根本就找不到遮罩层在哪里绑定的这个关闭事件

Answer 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 only

7.选择左侧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 here

CDialogproty dlg;

dlg.DoModal();

}

10.编译，运行。点击菜单按钮Test,弹出对话框，点击OK!完成!

参考资料

CSDN博客.CSDN博客[引用时间2018-1-9]

Answer 2

在触发模态框的组件上添加以下属性
data-backdrop="static"