在次封装easyui-Dialog插件实现代码_jquery
程序员文章站
2024-01-02 17:01:28
...
复制代码 代码如下:
$.fn.hDialog = function (options) {
var defaults = {
width: 300,
height: 200,
title: '此处标题',
html: '',
iconCls: '',
submit: function () { alert('可执行代码.'); }
}
var id = $(this).attr('id');
options = $.extend(defaults, options);
var self = this;
$(self).dialog({
title: options.title,
height: options.height,
width: options.width,
iconCls: options.iconCls,
buttons: [{
text: '确定',
iconCls: 'icon-ok',
handler: options.submit
}, {
text: '取消',
iconCls: 'icon-cancel',
handler: function () {
$('#' + id).dialog('close');
}
}]
});
function createContent() {
$('.dialog-content',$(self)).empty().append('');
$('#' + id + "_content").html(options.html);
}
createContent();
}
调用:
复制代码 代码如下:
$(function(){
var d =$('');
$('#d').hDialog({submit:function(){$(d).dialog('close');}});
})
推荐阅读
-
在次封装easyui-Dialog插件实现代码_jquery
-
编写自己的jQuery插件简单实现代码_jquery
-
用jquery中插件dialog实现弹框效果实例代码
-
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
-
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
-
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
-
jQuery Ajax 实现分页 kkpager插件实例代码
-
用jquery中插件dialog实现弹框效果实例代码
-
Jquery封装tab自动切换效果的具体实现代码
-
jQuery Validate表单验证插件实现代码