javascript - Javascript 函数和 this 参数的一些问题

Question

我正在为我的弹出窗口使用 colorbox 并且...

这很好用。

$(".show_popup").colorbox({inline:true, width:"800px", onOpen: function() {
   type = $(this).attr('type);
   ....
}

但是我想多次使用我的内部函数，所以我想把它变成一个模块函数。

});

(function ($,a) {
 var p = {
   showPopup: function (popup_type) { 
    ...
   },

   bindEvents: function () {
       $(".show_popup").colorbox({inline:true, width:"800px", onOpen: p.showPopup($(this).attr('type')) }); 
   }
...
}
a.Popups = p;
})(jQuery);

但这行不通 - $(this) 有问题 - 函数在页面加载后只执行一次。

(function ($,a) {
  var p = {
   showPopup: function (popup_type) { 
    ...
   },

   bindEvents: function () {
       $(".show_popup").colorbox({inline:true, width:"800px", onOpen: p.showPopup }); 
   }
...
}
a.Popups = p;

})(jQuery);

这当然也行不通，但是执行了很多次。那你能帮我知道什么是物质吗？

Answer 1

onOpen: p.showPopup($(this).attr('type)) 的问题在于，它会在您将其绑定(bind)到 onOpen 时运行 p.showPopup 函数.您想要的是它在触发 onOpen 事件时运行。使用

onOpen: function() { p.showPopup($(this).attr('type')); }

代替

(编辑)假设 p.showPopup 已定义，我在您的代码中看不到它。