/**
* 弹出确认框
* config 属性:
* title 标题 必填
* cancelText 取消按钮文本 非必填
* okText 确定按钮文本 非必填
* cancelFn 取消按钮执行函数 非必填
* okFn 确定按钮执行函数 非必填
// * 例: ConfirmDailog({
// * title:'确定取消吗?',
// * cancelText:'取消',
// * okText:'确定',
// * cancelFn:function(){
// * alert('cancel');
// * },
// * okFn:function(){
// * alert('ok');
// * }
// * });
*
*/
var ConfirmDailog = function(config){
if(!config) config = new Object();
var title = config.title;
var cancelText = config.cancelText?config.cancelText:'取消';
var okText = config.okText?config.okText:'确定';
var cancelFn = config.cancelFn;
var okFn = config.okFn;
if(!$('.confirm-dialog').length > 0){
$(document.body).append('<div class="confirm-dialog"><div class="cd-content"><div class="cd-title">'+title+'</div><div class="cd-btn"><div class="cd-cancel">'+cancelText+'</div><div class="cd-ok">'+okText+'</div></div> </div></div>');
}
$('.cd-cancel').click(function(){$('.confirm-dialog').remove();if(typeof cancelFn === 'function')cancelFn.apply(this);});
$('.cd-ok').click(function(){$('.confirm-dialog').remove();if(typeof okFn === 'function')okFn.call(this);});
};
源码下载 下载地址
转载请注明:谷谷点程序 » jquery简单的组件开发