两个模态框优先级问题

需求：让第二次点击的模态框显示在第一次点击显示的模态框上

方法一：

       调整代码中模态框的位置，把想在上层显示的模态框(第二次点击显示的)写在第一次点击显示的模态框代码之前

 

		

		  

		    

		      

		        
地址显示
		        
		          ×
		        
		      
		      

		        
				
		        
		        	

					    

					      
编号
					      
省
					      
市
					      
区
					      
详细地址
					      
电话号码
					      
顾客id
					    
					  
					  
					  

					 	
					  
		        
 
		      
		      

		        Close
		      
		    
		  
		

	



		

		  

		    

		      

		        
地址信息
		        
		          ×
		        
		      
		      

		        
		        

					

						
					

					

						

					    	
					    
					    

					    	省  	
						
						

					    		
						
						

					    	市
					    
						

					    	
						
						

					    	区	
						
					
					
					

					    详细地址
					    
					
					

					    电话号码
					    
					
					

					    顾客号
					    
					    	
					    
					
		        
		      
		      

		        Close
		        提交
		      
		    
		  
		

	

 

方法二：

$(document).on('show.bs.modal', '.modal', function(event) {
        $(this).appendTo($('body'));
    }).on('shown.bs.modal', '.modal.in', function(event) {
        setModalsAndBackdropsOrder();
    }).on('hidden.bs.modal', '.modal', function(event) {
        setModalsAndBackdropsOrder();
    });

 function setModalsAndBackdropsOrder() {  
    var modalZIndex = 1040;
    $('.modal.in').each(function(index) {
       var $modal = $(this);
       modalZIndex++;
       $modal.css('zIndex', modalZIndex);
       $modal.next('.modal-backdrop.in').addClass('hidden').css('zIndex', modalZIndex - 1);
    });
    $('.modal.in:visible:last').focus().next('.modal-backdrop.in').removeClass('hidden');
 }