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);
}
});
你可以参考:
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);
}
});
相关文章推荐
- 1625 - Color Length——[动态规划]
- ZOJ1119(SPF)
- 学习练习 java 实例属性 静态属性
- 文件上传工具类(重命名,以及判断类型)
- phpjm解密程序,也适用于其他混淆加密的破解
- CSS float浮动的深入研究、详解及拓展(二)
- C++图像处理中从硬盘读入图像文件,并将相应数据赋值给图像类的char**data成员
- Java线程池使用说明
- Class文件结构
- 软键盘挤压布局的问题
- 字符串测试题1
- maven出错The folder is already a source folder
- css样式问题,table中的td值撑开了,样式变了
- mysql 安装 和 配置 在 centos 7
- POJ-1287-Networking(最小生成树 普利姆)
- 移动开发内存分类
- new和delete 基类指针指向继承类的对象时,delete的过程
- c++实现矩阵的余弦相似度
- 学习练习 java面向对象封装汽车
- IIS配置