Jquery .click() 更胜一筹

Question

在我的类的方法中，我有：

this.background.click(function() {
    this.terminate();
});

显然 this.terminate(); 不起作用，因为 this 引用 this.background 内部 <代码>jquery.click函数。我该如何编写才能从上级获取 this ？

Answer 1

声明一个包含外部 this 的变量：

var self = this;
this.background.click(function() {
    self.terminate();
});

Answer 2

尝试：

this.background.click( $.proxy( this.terminate, this ) );

Answer 3

你可以像@Andrew所说的那样，或者可以制作“yourObject.terminate();”

例如：

var yourObject = {
    background: $("#background"),
    terminate: function ()
    {
        alert("do something...");
    },
    addEvents: function ()
    {
        this.background.click(function()
        {
            yourObject.terminate();
        });
    }
};


$(function()
{
    yourObject.addEvents();
});

为了改进，请确保“background”选择器存在（如果 javascript 在 html 之前加载），并使用 jquery“live()”或“delegate()”或“on()”在元素中附加事件。

Answer 4

使用绑定

 $(".detailsbox").click(function(evt){
     test.bind($(this))();
  });
  function test()
  {
     var $this = $(this);
  }