您的位置:首页 > 其它

artdialog的使用

2016-05-21 15:58 260 查看
看了一下午的相关文档,最后感觉人都傻了。不过还好最后做到了自己想要的弹窗效果,不过比较烦躁的是为什么没有那种弹出一个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);

   

}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: