支付宝赞助帐号:service@kuitao8.com 

jquery简单的组件开发

Created2016-11-01   Views 1003    Author 懒人程序
/**
* 弹出确认框
* 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比较好用的ajax分页插件
下一篇:没有了
支持键盘 ← →

邮件订阅

订阅我们的精彩内容