http://www.cnblogs.com/qlqwjy/p/7491054.html

 

完整的参考菜鸟教程:

 

1.手动开启与关闭模态框的方法  按钮开启与JS函数开启(2种)

            
                     
                                     
创建模态框（Modal）
        
                 按钮开启        JS函数开启                
             
     
            
      
                
       
                    
        
          　　　　　　　　　　　　　　
                                  
                             ×                                        
         
                    模态框（Modal）标题                
                    
        
                    
        
                                 username:
         
         
 password:                        
                             
        
                    
        
                        
         关闭                                        
                             提交更改                                    
        
                
       
                
                   
      
            
              
     
    

 

 

2.有时候我们希望点击esc或者点击模态框外部的时候不会关闭

            
                     
                                     
创建模态框（Modal）
        
                 按钮开启        JS函数开启                
             
     
            
      
                
       
                    
        
       
      
     

                    ×                                        
                    模态框（Modal）标题                
                                        
     
                              username:
      
      
 password:                        
                          
     
                    
     
                        
      关闭                                        
                          提交更改                                    
     
                                
                             
                 

 

 

分析:

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

其中 ，backdrop：’static’指的是点击背景空白处不被关闭； 

keyboard:false指的是触发键盘esc事件时不关闭。

 

 

 

 

 

 

 

 

 

 

另一种方式是直接在模态框标签加::

<!-- 模态框黑名单单位添加-->

<div class="modal fade" id="myModal" role="dialog"

data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true">