.modal(‘dispose’)在Bootstrap 4中做什么？

在Bootstrap 4中， .modal(’dispose’)是定义为破坏模式的函数。即使使用.modal(’dispose’)之后，模态仍然是DOM的一部分，此函数只会破坏模态组件的当前实例。

句法：

$("#modalID").modal("dispose");

示例：此示例说明了.modal(’dispose’)方法的使用。单击dispose按钮时，将删除模式组件的jQuery实例。因此，单击按钮后，其他模态函数均不起作用。

  

    Dispose Modal
    
    
    
  
    
  
    
  

  

    
      Click Me!
  
  
    
        
            
                
                    Example Modal
                    
                        ×
                    
                
                
                    Body of the Modal
                
                
                    
                      Close
                  
                    
                      Dispose
                  
                
            
        
    

  

    $(document).ready(function() {
        $("#clickBtn").click(function() {
            $("#myModal").modal('show');
        });
        $("#dismissBtn").click(function() {
            $("#myModal").modal('hide');
        });
        $("#closeBtn").click(function() {
            $("#myModal").modal('hide');
        });
        $("#disposeBtn").click(function() {
            $("#myModal").modal('dispose');
        });
    });

  

输出：

注意：要在使用dispose函数后关闭模态，我们可以修改上面的代码以隐藏模态，并删除淡入淡出类并销毁它。

$("#disposeBtn").click(function(){
     $("#myModal").removeClass('fade').modal('hide');
     $("#myModal").modal("dispose");
});