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)在$(this).hide()没有指向$('.the-element'),而是DOMWindow.有没有办法让这项工作成功？

Answer 1

更改func();到func.call(this);或$.proxy(func, this)();.

您也可以使用apply()(在call()诉讼时不必要)或bind()(有限的浏览器支持,$.proxy()基本上是相同的事情).