artdialog的使用

看了一下午的相关文档，最后感觉人都傻了。不过还好最后做到了自己想要的弹窗效果，不过比较烦躁的是为什么没有那种弹出一个div层的呢？？在content里面写一堆html代码也未免太麻烦了。

你可以参考：

http://www.reinforce.cn/2015/01/18/js插件之artdialog.html

首先要引用css和js文件。这类文件很多，有时引用的就混乱了。其实就是改了名字的东西。

<link rel="stylesheet" href="ui-dialog.css"/>
 <script src="jquery-2.0.1.min.js"></script>
 <script src="dialog-min.js"></script> 

点击按钮弹出窗口

$(".edit").click(function(){

var d = dialog({
            title: '提示',
            content: '请先选择要删除的行！',
            okValue: '确 定',

            ok: function () {

//这里面是点击确定触发的事件

  }，

     cancelValue: '确 定',
            cancel: function () {

//这里面是点击取消触发的事件

  }

    
        });

        d.showModal();  //在这里也可以用d.show().是没有遮罩层的效果。

//        2秒后自动关闭

        setTimeout(function () {
        d.close().remove();
        }, 2000);
   
}

});