jQuery Mobile 弹出框 destroy() 方法

jQuery Mobile是一个建立在jQuery之上的 JavaScript 库，它用于构建快速响应的网站，这些网站可以在各种设备上访问，如手机、标签和桌面等。

在本文中，我们将使用 jQuery Mobile Popup 的 destroy()方法来销毁一个弹出窗口。当我们在弹出窗口上调用 destroy() 方法时，弹出功能将从弹出元素中删除，并返回到其初始化前状态。

句法：

$( ".selector" ).popup( "destroy" );

参数：此方法不接受任何参数。

CDN 链接：要使用 Popup 元素，首先将 jQuery Mobile 添加到您的项目中。

示例：在下面的示例中，我们将打开一个弹出窗口并在 3000 毫秒后调用 destroy() 方法。

HTML

  
    
    
    
    Popup - reposition method
  
    
    
    
    
    
  
    
      function openAndDestroyPopup(){
        $( "#popup1" ).popup( "open", 
                             {positionTo: "#target"} );
  
        // Destroy the popup 3 seconds after opening
        setTimeout(() => {
          $( "#popup1" ).popup( "destroy");
        }, 3000);
      }
    
  
  
    
      
        GeeksforGeeks
        jQuery Mobile Popup destroy Method
  
        
          Popup will open here and will
          destroy after 3 seconds
        
   
        
          Welcome to GeeksforGeeks
        
  
        
            Open & Destroy Popup
        
      
    
  

输出：

参考： https://api.jquerymobile.com/popup/#method-destroy