插件函数内的 jQuery $(this)

Question

我有这个 jQuery 插件:

$.fn.touchBind = function(func) {
  $(this).live('touchmove', function() {
    $(this).addClass('dragged');
  });

  $(this).live('touchend', function() {
    if ($(this).hasClass('dragged') == false) {
      func();
    }
  });

  return this;
}

并这样调用它:

$('.the-element').touchBind(function() {
  $(this).hide();
});

我的问题是 $(this).hide() 中的 $(this) 不引用 $('.the-element' )，而是 DOMWindow。有什么办法可以让我完成这项工作吗？

Answer 1

将 func(); 更改为 func.call(this); 或 $.proxy(func, this)();。

您还可以使用 apply() (当 call() 适合时不需要)或 bind() (有限的浏览器支持，$.proxy() 本质上做同样的事情)。