使用js做出弹窗效果

<td class="hidden-480">
    <#--<button class="btn btn-white btn-info btn-bold">
        <i class="ace-icon fa fa-floppy-o bigger-120 blue"></i>
        保存
    </button>-->
        <a style="color:orange;" href="javascript:void(0);" οnclick="toDeleteUser(${user.id})">
            <button class="btn btn-white btn-warning btn-bold">
                <input type="hidden" name="id" id=${user.id}>
                <i class="ace-icon fa fa-trash-o bigger-120 orange"></i>
                删&nbsp;除
            </button>
        </a>

        <div id="dialog">
            <div class="alert alert-info bigger-110">
                该用户将被永久删除，不可恢复
            </div>

            <div class="space-6"></div>

            <p class="bigger-110 bolder center grey">
                <i class="ace-icon fa fa-hand-o-right blue bigger-120"></i>
                你确定要删除該用戶吗？
            </p>
        </div>
</div>
    </td>

<script type="text/javascript">
    /*彈窗*/
    function toDeleteUser(id) {
        $("#dialog").dialog({
            resizable: false,
            height: 250,
            width: 320,
            modal: true,
            title: "刪除用戶",
            title_html: true,
            buttons: [
                {
                    text: "确 定",
                    "class": "btn btn-primary btn-minier",
                    click: function () {
                        window.location.href = "/finance/users/deleteuser.do?id=" + id;
                    }
                },
                {
                    text: "取 消",
                    "class": "btn btn-minier",
                    click: function () {
                        $(this).dialog("close");
                    }
                }
            ]

        });
    }

</script>