今回は easyui-Dialog プラグイン実装コード _jquery をカプセル化します。

复制代码代码如下:

$.fn.hDialog = function (options) {
varデフォルト = {
width: 300,
height: 200,
title: '此处标题',
html: '',
iconCls: '',
submit: function () {alert('可执行代。'); }
}
var id = $(this).attr('id');
オプション = $.extend(defaults, options);
var self = this;

$(self).dialog({
title: options.title,
height: options.height,
width: options.width,
iconCls: options.iconCls,
ボタン: [{
text: '确定',
iconCls: 'icon-ok',
ハンドラー: options.submit
}, {
text: '取消',
iconCls: 'icon-cancel',
ハンドラー: 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');}});
})