码迷,mamicode.com
首页 > 其他好文 > 详细

关于手动关闭BootStrap模态框

时间:2016-01-19 19:23:07      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:

在网上找手动关闭BootStrap模态框的解决方法,说是(需要引用bootstrap.js等):

$("#myModal").modal(‘hide‘);

但是我发现我的只能关闭

技术分享

不能关闭下面那半透明层。找了下发现是出现这两行代码的缘故。

<div class="modal-backdrop fade in"></div>
<div class="modal-backdrop fade in"></div>

所以,我就用了笨办法,在css中加了个类

.yincang{display:none;}

然后在js中,又加了行代码:

$(".modal-backdrop").addClass("yincang");

所以对于手动关闭BootStrap模态框,我目前的解决办法是

<style>
    .yincang{display:none;}
</style>
<script>
    $("#myModal").modal(hide);
    $(".modal-backdrop").addClass("yincang");
</script>

但是还是有点点问题。点击“close”时,那两个<div>是消失的,但是现在我改后,当点击“Call to action”后,仍然存在一个<div>,是这样子的:

<div class="modal-backdrop fade in yincang"></div>

以后再改进吧。

 

关于手动关闭BootStrap模态框

标签:

原文地址:http://www.cnblogs.com/cocozj945/p/5142822.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!