无法通过数据属性数据背景关闭引导模式 [英] Can't close bootstrap modal via data-attribute data-backdrop

问题描述

我想通过点击背景关闭我的模态.为此，我想使用数据属性数据背景，如下所示:

<div class="modal-dialog"><div class="modal-content"><a class="link"><img src="URL"/></a>

哪里出了问题?

感谢您的关注.

解决方案

因为你必须使用 data-backdrop="true"

查看此引导:http://www.bootply.com/kDYLtTapC4

HTML:

//<----- 这里<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="myModalLabel">模态标头</h3>

<div class="modal-body"><p>一个精致的身体……</p>

<div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button><button class="btn btn-primary">保存更改</button>