下面的弹出框组件使用的是类来封装的。一个弹窗组件通过new一个实例来生成。本文主要为大家详细介绍了js用类封装pop弹窗组件的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
下面直接上代码：
html结构：
温馨提示
登录后才能参与活动哦！
自动登录跳转中......
pop.js代码：
//Pop的构造函数
var Pop=function(wrap,option){
var $this=this;
var opt={
closeCall:null
};
$.extend(opt,option);
var mask=wrap.find(".mask");
//特权方法：1、open()；2、close()；3、setPrize（）；4、setContent（）控制弹窗内显示的内容
this.open=function(){
wrap.show();
mask.show();
};
this.close=function(callbalck){
wrap.hide();
mask.hide();
opt.closeCall&&callbalck();
};
this.setPrize=function(text){
wrap.find(".js-prize").text(text);
};
this.setContent = function (text) {
wrap.find(".js-content").text(text);
};
function events(){
wrap.on("click",".close",function(e){
e.stopPropagation();
$this.close(opt.closeCall);
});
}
events();
};相关推荐：
