618插件网

default params


						$('#elem').popModal({
						html : $('#content').html(),
						placement : 'bottomLeft',
						showCloseBut : true,
						onDocumentClickClose : true,
						onDocumentClickClosePrevent : '',
						overflowContent : false,
						inline : true,
						asMenu : false,
						beforeLoadingContent : 'Please, wait...',
						onOkBut : function() {},
						onCancelBut : function() {},
						onLoad : function() {},
						onClose : function() {}
						});

loading ajax


						$('#elem').popModal({
						html : function(callback){
						$.ajax({url : 'ajax.html'}).done(function(content){
						callback(content);
						});
						}
						});

show as menu


						$('#elem').popModal({
						html : $('#content').html(),
						asMenu : true
						});

inline bind


						<button id="elem" data-popmodal-bind="#content" data-placement="bottomLeft" data-showclose-but="true" data-overflowcontent="true" data-ondocumentclick-close="true" data-ondocumentclick-close-prevent="">example</button>

default params


						$('#content').notifyModal({
						duration : 2500,
						placement : 'center',
						overlay : true,
						type : 'notify',
						onClose : function() {}
						});

default params


						<span class="hintModal">example
						<div class="hintModal_container">
						Lorem Ipsum is simply dummy text of the printing and typesetting industry...
						</div>
						</span>

default params


						$('#content').dialogModal({
						topOffset : 0,
						top : '10%',
						type : '',
						onOkBut : function() {},
						onCancelBut : function() {},
						onLoad : function(el, current) {},
						onClose : function() {},
						onChange : function(el, current) {
						if(current == 3){
						el.find('.dialogModal_header span').text('Page 3');
						$.ajax({url : 'ajax.html'}).done(function(content){
						el.find('.dialogModal_content').html(content);
						});
						}
						}
						});

inline bind


						<button data-dialogmodal-bind="#content" data-topoffset="0" data-top="10%" data-type="modal">example</button>

default params


						<button title="Title" class="titleModal" data-placement="bottom">Example</button>

with ellipsis text

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text


						<div style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px" class="titleModal light" data-placement="bottom">Lorem Ipsum is simply dummy text</div>

default params


						$('#content').confirmModal({
						topOffset : 0,
						onOkBut : function() {},
						onCancelBut : function() {},
						onLoad : function() {},
						onClose : function() {}
						});

inline bind


						<button data-confirmmodal-bind="#content" data-topoffset="0">example</button>