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

下面是封装的代码：

1. function alert(message){
2.     if ($("#dialogalert").length == 0) {
3.         $("body").append('

');

        $("#dialogalert").dialog({

            autoOpen: false,

            title: '消息框',

            modal: true,

            resizable:false,

            overlay: {

                opacity: 0.5,

                background: "black"

            },

            buttons: {

                "确定": function(){

                    $(this).dialog("close");

                }

            }

        });

    }

    

    $("#dialogalert").html(message);

    $("#dialogalert").dialog("open");

}

function confirm(message, callback){

    if ($("#dialogconfirm").length == 0) {

        $("body").append('

');

        $("#dialogconfirm").dialog({

            autoOpen: false,

            title: '消息框',

            modal: true,

            resizable:false,

            overlay: {

                opacity: 0.5,

                background: "black"

            },

            buttons: {

                "确定": function(){

                    callback();

                    $(this).dialog("close");

                },

                "取消": function(){

                    $(this).dialog("close");

                }

            }

        });

    }

    $("#dialogconfirm").html(message);

    $("#dialogconfirm").dialog("open");    

}

把这个文件存为util.js

使用方法

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

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

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

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:[email protected]