首页 / JQUERY / 在次封装easyui-Dialog插件实现代码_jquery

在次封装easyui-Dialog插件实现代码_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了在次封装easyui-Dialog插件实现代码_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含776字，纯文字阅读大概需要2分钟。

内容图文

代码如下:

$.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全部内容，希望文章能够帮你解决在次封装easyui-Dialog插件实现代码_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/312964.html

来源：【匿名】