原创 自己封装的js alert 和confirm 利用jquery dialog

下面是封装的代码：

1. function alert(message){
2.     if ($("#dialogalert").length == 0) {
3.         $("body").append('<div id="dialogalert"></div>');
4.         $("#dialogalert").dialog({
5.             autoOpen: false,
6.             title: '消息框',
7.             modal: true,
8.             resizable:false,
9.             overlay: {
10.                 opacity: 0.5,
11.                 background: "black"
12.             },
13.             buttons: {
14.                 "确定": function(){
15.                     $(this).dialog("close");
16.                 }
17.             }
18.         });
19.     }
20.     
21.     $("#dialogalert").html(message);
22.     $("#dialogalert").dialog("open");
23. }
25. function confirm(message, callback){
26.     if ($("#dialogconfirm").length == 0) {
27.         $("body").append('<div id="dialogconfirm"></div>');
28.         $("#dialogconfirm").dialog({
29.             autoOpen: false,
30.             title: '消息框',
31.             modal: true,
32.             resizable:false,
33.             overlay: {
34.                 opacity: 0.5,
35.                 background: "black"
36.             },
37.             buttons: {
38.                 "确定": function(){
39.                     callback();
40.                     $(this).dialog("close");
41.                 },
42.                 "取消": function(){
43.                     $(this).dialog("close");
44.                 }
45.             }
46.         });
47.     }
48.     $("#dialogconfirm").html(message);
49.     $("#dialogconfirm").dialog("open");    
50. }

把这个文件存为util.js

使用方法

先导入css和javascript库（根据自己实际情况）

<link rel="stylesheet" type="text/css" href="js/themes/default/ui.all.css"/>

<script type="text/javascript" src="js/jquery-1.2.6.js"></script>

<script type="text/javascript" src="js/ui/ui.core.js"></script>

<script type="text/javascript" src="js/ui/ui.dialog.js"></script>

<script type="text/javascript" src="js/util.js"></script>

需要拖拽移动等功能，请添加相应的库

在你需要弹出消息对话框或者选择对话框时使用下面方法：

1. alert("发表成功！");
4. confirm("确认要删除所选？此操作不可恢复！", function(){
5.             $.ajax({
6.                 url: actionurl,
7.                 data: {
8.                     date: new Date().getTime(),
9.                     action: "delete",
10.                     ids: getSelectIDs()
11.                 },
12.                 success: function(data){
13.                     if (data == "1") {
14.                         alert("删除成功！");
15.                         getAll();
16.                         $("#selectalllabel").html("全部选择");
17.                         $("#selectall").removeAttr("checked");
18.                     }
19.                     else {
20.                         alert("删除失败！");
21.                     }
22.                     idstr = "";
23.                 }
24.             });
25.         });

学了一段时间jquery，这是我第一个原创文章，欢迎大家指教

有什么问题，大家一顶告诉我 qq：281924282 msn:[e-mail]