Jquery dialog box plug-in Example

The detailed code has been uploaded to the resource.

Http://download.csdn.net/source/752922

1. // Encapsulate a function to add different events to multiple buttons.
2. Function confirmfun (txt, urlstr ){
3. Confirm (txt, function (){
4. Window. Location. href = urlstr;
5. });
6. }
8. $ (Document). Ready (function (){
9. // Original code.
10. // $ ('# Confirmdialog input: eq (1)'). Click (function (e ){
11. // E. preventdefault ();
12. /// Example of calling the confirm Function
13. /// You must use a callback function to perform the "yes" Action
14. // Confirm ("second button, OK? ", Function (){
15. // Window. Location. href = 'HTTP: // www.greatverve.cn /';
16. //});
17. //});
18. // Extended code
19. $ ('# Confirmdialog input: eq (1)'). Click (function (e ){
20. E. preventdefault ();
21. Confirmfun ('second button, OK? ', 'HTTP: // www.greatverve.cn /');
22. });
23. Alert ('Multiple functions can be executed in ready ');
24. });
26. $ (Document). Ready (function (){
27. $ ('# Confirmdialog input: eq (0)'). Click (function (e ){
28. E. preventdefault ();
29. Confirmfun ('the first button, OK? ', 'HTTP: // www.greatverve.cn /');
30. });
31. Alert ('ready can be called multiple times. ');
32. });
34. Function confirm (message, callback ){
35. $ ('# Confirm'). Modal ({
36. Close: false,
37. Overlayid: 'confirmmodaloverlay ',
38. Containerid: 'confirmmodaliner iner ',
39. Onshow: function (DIALOG ){
40. Dialog. Data. Find ('. message'). append (Message );
42. // If the user clicks "yes"
43. Dialog. Data. Find ('. Yes'). Click (function (){
44. // Call the callback
45. If ($. isfunction (callback )){
46. Callback. Apply ();
47. }
48. // Close the Dialog
49. $. Modal. Close ();
50. });
51. }
52. });
53. }