嵌套javascript函数失去“这个”

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会在这种情况下工作。我如何获得​​以返回我想要的rel＃值而不是undefined？

Answer 1

通$(this)的功能

tabNavClick($(this)); 

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

还可以传递函数tabNavClick的点击处理，并采取事件

tabNavItem.on("click",tabNavClick) 

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

Answer 2

你可以只通过tabNavClick本身单击处理：

tabNavItem.on("click", tabNavClick); 

这会调用tabNavClickthis指向点击的项目。

您可以让tabNavClick返回false以防止事件冒泡。此外，你可以让tabNavClick接受的事件，以及：如果你想tabNavClick()有希望的this值

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

Answer 3

，那么你需要指定，当你把它叫做：

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); 
}