diolog js_js组件-js插件-jquery插件-dialog对话框弹层

dialog

js dialog弹窗

用法

这是内容

var dialog = new Dialog();

dialog.init({target:"#dialog-content",trigger:"#btn_dialog",mask:true,width:300,height:200,title:'标题'});

或者用jquery方式调用:

这是内容22

$('#btn_dialogjquery').Dialog({target:"#dialog-contentjq",mask:true,width:300,height:200,title:'标题'})

继承类alert和confirm提示(jquery模式下)：

*html:

*js:

$('#btn_alert').click(function(){

$.alert('选好商品才能上传素材哦',true,function(){

alert('你点击了ok')

})

});

$('#btn_alert2').click(function(){

$.alert('选好商品才能上传素材哦')

});

$('#btn_confirm').click(function(){

$.confirm('下载全部 9 张图片至本地相册?

文字内容已复制

',[{yes:"是"},{no:'否'},{close:'关闭'}],function(type){

$.alert('您点击了'+type);

this.hide();

});

})

$('#btn_confirmdefault').click(function(){

$.confirm('你确定要删除这条消息吗? ',null,function(type){

$.alert('您点击了'+type);

this.hide();

});

})

属性或方法

属性

trigger:

触发对象

fixed:默认为false

是否固定显示在中间

position:"bottom"

是否固定显示在底部,默认显示在中间

target:

弹出内容，可以为#id,或者jquery对象

mask:

是否有遮罩层

title:

标题

zIndex:

z-index

closeTpl:

关闭html(默认:x)

titleTpl:

标题html(默认：

方法及回调

show:

显示弹层

hide:

隐藏

beforeShow：function(content)

显示前的方法回调,content是浮层内容对象

beforeHide：function(content)

隐藏前的方法回调,content是浮层内容对象

setPosition:function()

设置位置居中

其它组件推荐

diolog js_js组件-js插件-jquery插件-dialog对话框弹层相关推荐

转 jquery插件--241个jquery插件—jquery插件大全
241个jquery插件-jquery插件大全 jquery插件jqueryautocompleteajaxjavascriptcoldfusion jQuery由美国人John Resig创建,至今 ...
【前端】Vue+Element UI案例：通用后台管理系统-用户管理：Form表单填写、Dialog对话框弹出
文章目录目标代码 0.页面结构 1.新增按钮和弹出表单:结构 2.新增按钮和弹出表单:点击新增弹出表单 3.表单样式 4.表单验证 5.表单的提交和取消功能:接口.mock相关准备 6.表单的提交 ...
html5 滚屏效果插件,jQuery插件fullPage.js实现全屏滚动效果
本文实例为大家分享了全屏滚动插件fullPage.js的具体使用方法,供大家参考,具体内容如下 0.01 基本演示的HTML 布局以及js 代码 //需要连接连接的三个文件 //css文件 / ...
html json解析插件,jQuery插件jsonview展示json数据
本文实例为大家分享了jQuery插件jsonview展示json数据的具体代码,供大家参考,具体内容如下项目中要展示json数据,自己写一套html来展示太麻烦,可以使用jquery的插件jsonv ...
241个jquery插件—jquery插件大全
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架.其经典 ...
去除 element-ui 中 Dialog 对话框遮罩层的方法
在使用element-ui的Dialog时,默认会有遮罩层,想要去除遮罩层,官方文档给出了 modal 属性: modal 是一个布尔值,表示是否需要遮罩层: 然而,将 modal 赋值为 false ...
js --之jquery插件库
http://www.jq22.com/ 到此查找想要的组件/功能 eg: 上传文件的插件 <!DOCTYPE html> <html lang="en"> ...
js 通过jquery插件获取url参数其中的一个小问题，或许不算Bug。
形如:http://localhost:10864/srch.htm?keys=&type=1 这样的地址,如果我们要取keys的参数: var srchKey = $.query.get(& ...
php无刷新分页插件,jQuery插件jPaginate实现无刷新分页_jquery
jPaginate是基于jQuery的动感滚动分页插件,它的表现形式是像分页的按钮一样,非常有意思的是这些按钮却可以滚动,可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动. PHP读取第一页数 ...

diolog js_js组件-js插件-jquery插件-dialog对话框弹层

diolog js_js组件-js插件-jquery插件-dialog对话框弹层相关推荐

最新文章

热门文章