🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A basic jQuery popup plugin used to display a responsive, fullscreen, full styleable and ajax-enabled dialog/modal box on your web project.

Modal popup Dialog

Documentation

jquery.basicPopup

A basic jquery popup plugin.

##Including files The basicPopup JS and CSS files are located on the dist/, or you can compiling it yourself with Gulp.

<!-- basicPopup core CSS file --> <link rel="stylesheet" href="css/basicPopup.min.css">  <!-- basicPopup default theme CSS file --> <link rel="stylesheet" href="css/basicPopupDefault.min.css">  <!-- jQuery 1.7.2+ --> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>  <!-- basicPopup core JS file --> <script src="js/jquery.basicPopup.min.js"></script>

##Initializing popup

$(document).ready(function(){ 		 	$('#btn-open').click(function(){	 		 		$.basicpopup({ 			content: $('#popup-content').html() //Popup conten 		}); 		 	});  });

##Options Options should be passed to the initialization code and separated by comma, e.g.:

$.basicpopup({ 	content: '', 	btnClose: true, 	mainClass : 'my-custom-class' });

###url If declared, Ajax is usde to load the URL content in the popup.

###content If declared, this content is usde as the popup content.

###btnClose boolean - Default: true

Controls whether the close button will be displayed or not.

###mainClass String that contains classes that will be added to the root element of popup wrapper and to dark overlay. For example "myClass", can also contain multiple classes - 'myClassOne myClassTwo'.

##Callbacks

###afterShow This callback is fired after the popup is displayed.


You May Also Like