jquery弹出对话框插件一例

详细代码已经上传到资源里。

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

1. //封装一个函数，为了能够给多个按钮添加不同的事件。
2. function confirmFun( txt, urlStr ) {
3.     confirm(txt, function () {
4.         window.location.href = urlStr;
5.     });
6. }
8. $(document).ready(function () {
9. //原来的代码。
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("第二个按钮，确定吗?", function () {
15. //          window.location.href = 'http://www.greatverve.cn/';
16. //      });
17. //  });
18. //扩展后的代码
19.     $('#confirmDialog input:eq(1)').click(function (e) {
20.         e.preventDefault();
21.         confirmFun('第二个按钮，确定吗？','http://www.greatverve.cn/');
22.     });
23.     alert('ready里可以执行多个函数');
24. });
26. $(document).ready(function () {
27.     $('#confirmDialog input:eq(0)').click(function (e) {
28.         e.preventDefault();
29.         confirmFun('第一个按钮，确定吗？','http://www.greatverve.cn/');
30.     });
31.     alert('ready可以多次调用。');
32. });
34. function confirm(message, callback) {
35.     $('#confirm').modal({
36.         close:false, 
37.         overlayId:'confirmModalOverlay',
38.         containerId:'confirmModalContainer', 
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. }