首页 > 其他 > 详细

bootstrap-model-弹出框背景禁止点击

时间:2016-03-11 10:06:18      阅读:246      评论:0      收藏:0      [点我收藏+]

bootstrap的model弹出框,默认在点击背景时会隐藏,而有时特殊效果是不允许隐藏,下面就是解决方案:本例参考来自这里

 

方法一:

$(‘#myModal‘).modal({backdrop: ‘static‘, keyboard: false})  

 

 

 

方法二

<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>`

 

 

 

如下例

<div class="modal fade" id="myModel" tabindex="-1" role="dialog" aria-labelledby="myTMCLabel" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog" role="document" style="margin-top: 15%;width: 300px;">
    <div class="modal-content" style="height: 120px;text-align: center;padding: 0;margin: 0;line-height: 120px;font-size: 30px;">
        请稍候...
    </div>
  </div>
</div>

 

 

通过下面使用,点击背景不会隐藏

    $(‘#myModel‘).modal(‘show‘);

 

bootstrap-model-弹出框背景禁止点击

原文:http://www.cnblogs.com/hwaggLee/p/5264340.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!