bootstrap模态框手动开启关闭与设置点击外部不关闭

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

 

完整的参考菜鸟教程:http://www.runoob.com/bootstrap/bootstrap-modal-plugin.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事件时不关闭。

 

 

 

 

 

 

 

 

 

 

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

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

 

转载于:https://www.cnblogs.com/rxbook/p/10057624.html