중첩 자바 스크립트 함수 "이"

Question

난 "이"

if(tabNav === true){ 

$("." + tabNavClass).show(); 
tabNavItem.first().addClass("active");//active class on first li 
tabNavItem.each(function(i){ 
    $(this).attr("rel",(i + 1)); 
});       

tabNavItem.on("click", function(e){ 

    tabNavClick(); 
    //this works, but i don't want it defined here. i want it in the tabNavClick() function 
    //var data = $(this).attr("rel"); 
    //console.log(data); 
    e.preventDefault(); 

});    

}   


//tab nav function   
function tabNavClick(){ 

// REGISTERS UNDEFINED HERE B/C LOSES SCOPE OF "THIS". FIX?!      
var that = $(this); 
var data = that.attr("rel"); 
console.log(data); 

tabNavItem.removeClass("active");//remove existing active class 

의 적절한 범위를 잃는다} 중첩 기능이 상실;

나는 var that = $(this)을 시도했지만 작동하지 않으며 .call이이 시나리오에서 작동하지 않을 것이라고 생각합니다. 내가 어떻게 $(this).attr("rel"); rel # 값 내가 undefined 대신 원하는 반환하도록합니까? 함수에

Answer 1

패스 $(this) 추가로

tabNavClick($(this)); 

    function tabNavClick(obj){ 
    var that = obj; 
    .... 

당신은 클릭 핸들러로서 기능 tabNavClick을 통과하고 당신은 단지 클릭 핸들러로 자체 tabNavClick을 전달할 수

tabNavItem.on("click",tabNavClick) 

    function tabNavClick(e){ 
     e.preventDefault(); 
     var that=$(this); 
    } 

Answer 2

경우 취할 수 있습니다

을

tabNavItem.on("click", tabNavClick); 

이렇게하면이 호출됩니다.은 클릭 한 항목을 가리키는 방식으로 this입니다.

tabNavClick은 으로 반환하여 이벤트가 버블 링하지 않도록 할 수 있습니다. 또한, 당신이 tabNavClick 만들 수뿐만 아니라 이벤트를 받아들이 :

function tabNavClick(e) { 
    // ... 
    e.preventDefault(); 
} 

Answer 3

를 원하는 this 값을 갖도록 tabNavClick()을 원하는 경우에, 당신은 지정해야합니다 당신은 그것을 호출 할 때 :

tabNavItem.on("click", function(e){ 

    tabNavClick.call(this); 
    //this works, but i don't want it defined here. i want it in the tabNavClick() function 
    //var data = $(this).attr("rel"); 
    //console.log(data); 
    e.preventDefault(); 

});  

방법 함수가 호출되어 this 값을 결정합니다. 메서드 호출이 아니며 .call() 또는 .apply()을 사용하지 않는 경우 this은 모든 함수 호출에서 재설정됩니다. 이 경우 tabNavClick.call(this)을 사용하여 this 값을 원하는 값으로 설정할 수 있습니다. 당신은 단지에서 작동하도록 개체에 대한 인수를 취할 tabNavClick을 바꿀 수의

---

:

tabNavItem.on("click", function(e){ 

    tabNavClick(this); 
    //this works, but i don't want it defined here. i want it in the tabNavClick() function 
    e.preventDefault(); 

});  

//tab nav function   
function tabNavClick(obj){ 

    var data = $(obj).attr("rel"); 
    console.log(data); 
}