jQuery Mobile Popup destroy() Method

jQuery Mobile is a JavaScript library built on top of jQuery, it is used to build fast and responsive websites which are accessible on a variety of devices like mobiles, tabs, and desktops, etc.

In this article, we will jQuery Mobile Popup destroy() method to destroy a popup. When we invoke the destroy() method on a popup, the popup functionality is removed from the popup element and it returns to its pre-init state.

Syntax:

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

Parameters: This method does not accept any parameter.

CDN Links: To use Popup element, first add jQuery Mobile to your project.

<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="https://code.jquery.com/jquery-2.1.3.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>

Example: In the example below, we will open a popup and invoke the destroy() method after 3000ms.

Output:

👁 jQuery Mobile Popup destroy() Method

 Reference: https://api.jquerymobile.com/popup/#method-destroy