bootstrap的modal能不能达到背后阴影同时又是static的效果?

Can I use?

Less

Cool Libraries

› Jetstrap

This topic created in 4549 days ago, the information mentioned may be changed or developed.

//前端菜菜鸟一只
我想要的是 http://uliweb.cpython.org/login 这样的效果

想看 bootstrap 能不能做到,bootstrap的效果大致有两种,一种是 static 的,即 http://getbootstrap.com/2.3.2/javascript.html#modals 下 "Static example"这种效果,这种点击modal外面modal不会消失,但是这种是背后没有阴影的

另外一种是 http://getbootstrap.com/2.3.2/javascript.html#modals 下面 "Live demo" 下点击 "Launch demo modal" 这种效果,背后有阴影,但是点击modal的外面modal就会消失

不知道有没有办法可以做到?

Supplement 1 · Jan 22, 2014

最后试过了直接加上一个
$('#myModal').modal({
backdrop: 'static'
})
就好了.

Bootstrap

Static

做到

13 replies • 1970-01-01 08:00:00 +08:00

explon

Jan 15, 2014

可以做到的，早期版本的 WeCenter 快速发起就是这样子的

cutehalo

Jan 15, 2014

给那个live demo按钮加上data-backdrop="static"
或者jQuery里绑定的时候加上
$('#myModal').modal({
backdrop: 'static'
})

mactaew

Jan 15, 2014

推荐一个重新封装过的js类库/插件，调用更简单。
已包含样式，不依赖jQ，BS。

https://github.com/nakupanda/bootstrap3-dialog

说明文档写得非常清楚。可以试一试。

clino

Jan 15, 2014

@explon 你说的这个WeCenter就是用的bootstrap? 如果能做到的话,那问题就是怎么做到了

@cutehalo 这个我试过了,就是我说的第一种效果"这种点击modal外面modal不会消失,但是这种是背后没有阴影的"

@mactaew 谢谢,参考一下.不过这是用到的bootstrap 3,我现在用的是 2

arbipher

Jan 15, 2014

@mactaew 这个赞，谢谢推荐。

mactaew

Jan 15, 2014

@clino 哦，这样啊~那真是的。哈哈。另外勘误一下，这个是需要依赖jQuery的，不好意思了各位！

cutehalo

Jan 15, 2014

@clino 这种带后面的遮罩啊...文档里说了backdrop: Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.

clino

Jan 15, 2014

@cutehalo 我提问题的时候就说了,这种我试过,效果就是 '"Static example"这种效果,这种点击modal外面modal不会消失,但是这种是背后没有阴影的' ,木有遮罩啊

cutehalo

Jan 15, 2014

@clino http://jsfiddle.net/yPzHp/ 这样不对？

atan

Jan 15, 2014

specify static for a backdrop which doesn't close the modal on click.文档很清楚阿

clino

Jan 15, 2014

@cutehalo 你的这个版本确实是可以的,我之前试的是用javascript调用的方式,我再试试看

cutehalo

Jan 15, 2014

@clino http://jsfiddle.net/yPzHp/1/ 这样就好了

clino

Jan 22, 2014

@cutehalo 最后试过了直接加上一个
$('#myModal').modal({
backdrop: 'static'
})
就好了.
不过有点奇怪,这种我记得之前试过不行的,不知道之前哪里搞错了.