jQuery .hover() 함수에 $ (this) 전달하기

Question

간단한 툴팁 기능을 작성하여 here으로 작성했습니다.

두 핸드러 함수 모두 .hover()에 설정되어 있고 $(this)과 그 외의 2 개의 변수에 액세스해야합니다. 그것을 달성 할 위해서, 나는 두 핸들러에서의 같은 3 개 변수를 선언 :

, 그래서 내 질문에

DRY 원칙이 존중되어야

$('a').hover(
    function() { 
     var $this = $(this); 
     var link_offset = $this.offset(); 
     var link_tooltip = $this.data('tooltip'); 
     // Rest of the code 
    }, 
    function() { 
     var $this = $(this); 
     var link_offset = $this.offset(); 
     var link_tooltip = $this.data('tooltip'); 
     // Rest of the code 
    } 
); 

됩니다 : 설정 같은 변수를 전달하는 다른 현명한 있는가/덜 더러운 방법 두 기능 모두 .hover() 안에 있습니까?

Obvioulsy, 변수는 전역 변수가 될 수 없습니다 (어쨌든 전역 변수는 악의적입니다).

jQuery 또는 pure JS로이 작업을 수행하는 방법에 대한 아이디어가 있으십니까?

Answer 1

전화 익명 콜백 내부의 하나 개라는 기능 :

$('a').hover(function() { 
     hoverFunc($(this), true) 
    }, function() { 
     hoverFunc($(this), false) 
    }); 

function hoverFunc($this, is_hovered) { 
    var link_offset = $this.offset(); 
    var link_tooltip = $this.data('tooltip'); 
    if (is_hovered) { 
     console.log('ok') 
     // do something 
    } else { 
     console.log('out') 
     // do something else 
    }; 
} 

http://jsfiddle.net/mblase75/8njk2m32/