jQuery를 : 자기 정의의 jQuery 기능

Question

이의 콜백 함수 내에서 사용하여 $ (이) 어떻게 내가 할 수있는

$('#div').wider(function() { 
    console.log('div resizing done'); 

    // $(this) refers to window instead of $('#div') 
    $(this).css({background: '#f00'}); 
}); 

그래서 자기 정의의 jQuery 기능

$.fn.wider = function(callback) { 
    $(this).animate({width: 500}, function() { 
     callback(); 
    }); 
}; 

호출하는 기능입니다 아래의 클릭 기능과 같이 $ (this)를 사용 하시겠습니까?

$('#div').click(function() { 
    console.log('div clicked'); 

    // $(this) refers to $('#div') 
    $(this).css({background: '#f00'}); 
}); 

Answer 1

Function.apply을 사용하십시오.

$.fn.wider = function(callback) { 
    $(this).animate({width: 500}, function() { 
     if (typeof callback === 'function') { 
      callback.apply(this); // <- here 
     } 
    }); 
}; 

약간 더 일반적인 구현 :

$.fn.wider = function(callback) { 
    var self = this; 
    $(this).animate({width: 500}, function() { 
     if (typeof callback === 'function') { 
      callback.apply(self); 
     } 
    }); 
};