Bootstrap multiple modals modal-backdrop issue

Question

I have a page where one Bootstrap modal opens another modal.

The problem is that with each opened modal, it adds

Answer 1

Here is the working demo that I think will fit in your case.

$(".modal").on("shown.bs.modal", function () {
    if ($(".modal-backdrop").length > 1) {
        $(".modal-backdrop").not(':first').remove();
    }
})

  
  

 


        
        Open Modal

        
        

            


                
                

                    

                        Open Modal
                    
                
            
        
        
        

            


                
                

                    

                        Open Modal 3