jQuery mgDialog Plugin Examples
1.Basic
1.1 Basic Demos
Simple Dialog
With Options
1.2 Sizes & Postiions
Sizes & Positions
Fixed position
1.3 Methods
open(),close()
title()、content()、button()
width() and height() methods
position() method
reset() method
countdown() method
1.4 Structure
No Title
Custom title
No Close Button
Custom buttons
Alignment
2. Advanced usages
2.1 Buttons and events
Confirm and Cancel
close Event
open event
Events flow
Event flow
Custom event
Button config
2.2 Countdown
Countdown off
Show x seconds
Countdown flow
2.3 Custom DOM
Custom DOM
Custom DOM structure
[Close]
Custom button and countdown
<span data-role="cd"></span>
The dialog will close after
seconds
data-role="btn:events" to trigger events flow
[confirm]
iframe
Use built-in styles
Use built-in styles
×
Use built-in styles
2.4 Mutiple Instance
Open multiple dialog boxes
3. Types
alert
confirm
prompt
toast
Custom title