最基本的面向对象 - 应用(封装的点击事件)

调用：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的内容主要是设置弹框的位置。