Multi Functional Modal Popup using jQuery – popModal

Yet another Modal plugin for jQuery to create a modal popup using jQuery. The popModal is a highly configurable jQuery plugin that allows you to create tooltips, titles, modal dialogs, and confirmation popups.

The plugin supports AJAX to load content dynamically in the dialog and Esc key to close modal. Besides this, you can fully control each component of the modal.

Plugin Overview and Preview

Plugin: popModal
Author: developstuff93
Category: Modal
Published: 11 months ago
File Type: zip archive (HTML, CSS & JavaScript )
Package Size: 28 KB
Dependencies: jQuery 3.0 or Latest version
Last Modified:
MIT
1,267

How to Create Modal Popup Using jQuery

1. After downloading this project, load the jQuery CDN file into your web project.

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

2. Now, include plugin assets (from the downloaded directory) in your HTML document.

<!-- popModal CSS -->
<link rel="stylesheet" href="css/popModal.min.css">
<!-- popModal JS -->
<script src="js/popModal.min.js"></script>

3. Create an HTML button element (or whatever you want) that will hold click event. It will be used to trigger the modal popups.

<button id="elem"> Open Modal </button>

4. Finally, initialize the plugin in the jQuery document ready function to create a very basic popup.

$(document).ready(function(){
	$("#el").popModal();
});
For more advanced usage and detailed documentation, please check the demo page.