$('#elem').popModal({
html : $('#content').html(),
placement : 'bottomLeft',
showCloseBut : true,
onDocumentClickClose : true,
onDocumentClickClosePrevent : '',
overflowContent : false,
inline : true,
beforeLoadingContent : 'Please, waiting...',
onOkBut : function(){ },
onCancelBut : function(){ },
onLoad : function(){ },
onClose : function(){ }
});
$('#elem').popModal({
html : function(callback){
$.ajax({url : 'ajax.html'}).done(function(content){
callback(content);
});
}
});
<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>
$('#content').notifyModal({
duration : 2500,
placement : 'center',
overlay : true,
type : 'notify',
onClose : function(){ }
});
<span class="hintModal">example
<div class="hintModal_container">
Lorem Ipsum is simply dummy text of the printing and typesetting industry...
</div>
</span>
$('#content').dialogModal({
onOkBut : function(){ },
onCancelBut : function(){ },
onLoad : function(){ },
onClose : function(){ },
});
<button data-dialogmodal-bind="#content">example</button>
<button title="Title" data-titlemodal="init" data-placement="bottom">Example</button>