最も基本的なオブジェクト向け-アプリケーション(パッケージングされたクリックイベント)

  ：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             。