Jquery 简单插件 弹出框

9 篇文章 0 订阅
/**
 * @author: chenfeng_lian
 * after included jQuery
 */
;var PAF = window.PAF || {}; 
PAF.plugins = PAF.plugins||{};

(function($){
	PAF.plugins.ErrorMsg = function(options){
		this.opts = $.extend(true, PAF.plugins.ErrorMsg.defaults, options);
		this.mask = null;
		this.$el = null;
		this.el = null;

		this.init();
	};
	PAF.plugins.ErrorMsg.prototype = {
		init : function() {
			var Confirm = this;
			var opts = this.opts;
			var sHtml = '<div class="errorLayout">'+this.opts.sHtml+'</div>';
			$('body').append(sHtml);

			Confirm.$el = $('.errorLayout');
			Confirm.setMask();
			$('#close, #confirm').on('click', {
					scope : Confirm
				}, Confirm.fnConfirmIng);
		},
		fn : function() { },
		fnConfirmIng : function(e) {
			var Confirm = e.data.scope;
			Confirm.opts.callbacks.fnConfirmIng
				&& Confirm.opts.callbacks.fnConfirmIng();
			Confirm.mask.remove();
			Confirm.destroy();
			return false;
		},
		destroy : function() { this.$el.remove(); },
		setMask : function() {
			var Confirm = this;
			this.mask = $('<div class="mask"></div>').appendTo(
					Confirm.opts.parent).css({
						height : $(document).height(),
						width : $(Confirm.opts.parent).width()
			});
		}
	};

	PAF.plugins.ErrorMsg.defaults = {
		'parent' : 'body',
		'sHtml': '',
		callbacks: {
			fnConfirmIng: function(){window.console && console.log('fnConfirmIng');}
		}
	};
	return PAF.plugins.ErrorMsg ;
}(jQuery));

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值