Skip to content
Plugin de jquery de popups básico.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
.gitignore
.jshintrc
README.md
gulpfile.js
package.json

README.md

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 can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.