调用:fun.pop(元素)
var fun = {
pop:function(obj){
//执行代码
}
}w
优点:避免重复的代码。
使用场景:比如a、b、c元素,需要点击时弹窗居中显示各自的内容,三者弹窗都需要居中显示。
$(".a").on("click", function() {
fun.pop($(".a_pop"))
});
$(".b").on("click", function() {
fun.pop($(".b_pop"))
});
$(".c").on("click", function() {
fun.pop($(".c_pop"))
});
//原型对象
var fun = {
pop: function(obj) {
obj.css("display", "block"); //obj.fadeIn()
$("#maskBlack").css("display", "block");
_width = window.innerWidth;
_height = window.innerHeight;
console.log(_width+" "+_height)
var _x = (_width - parseInt(obj.width())) / 2;
var _y = (_height - parseInt(obj.height())) / 2;
obj.css("top", _y + "px");
obj.css("left", _x + "px");
$("html,body").addClass("lock-body")
}
};
其中,a_pop,b_pop,c_pop为abc的弹窗内容,fun的内容主要是设置弹框的位置。