另一个简单的jQuery问题

Question

我有下面的代码，我希望创建一个IF语句，以便只为特定的HREF调用loadScript函数。但是，当我试图提醒返回“未定义”中的href的值...

非常感谢， Ĵ

$(document).ready(function() 
     { 
      $('.jNav').click(function() 
      { 
       $('#sandbox').load($(this).attr('href'),function() 
       { 
        alert("From here " + $(this).attr('href') + " to here."); 
        loadScript(); 
       }); 
       return false; 
      }); 
     }); 

Answer 1

您的问题只是作用域。在你的load（）回调函数中，这指的是你正在调用load（）的元素，恰好是$('#sandbox')，因此：no href。通常我做的是这样的：

$('.jNav').click(function() 
{ 
    var self = this; 
    $('#sandbox').load($(this).attr('href'),function() 
    { 
    // Notice the use of self here, as we declared above 
    alert("From here " + $(self).attr('href') + " to here."); 
    loadScript(); 
    }); 
    return false; 
}); 

这样做可以确保你仍然可以得到您从负载（）回调里面点击的东西。

Answer 2

里面你innnermost功能上下文（this）设置为#sandbox元件。您需要事先从.jNav元素获取href属性，并将其存储在一个变量中。

Example code

Answer 3

问题是上下文之一：在警报中致电$(this)是指$('#sandbox')而不是$('.jNav')。只需定义一个变量供您首次参考。

Answer 4

照顾“这个”是什么部分你的功能。在最里面的函数中，你从$('#sandbox')调用它，我怀疑它没有href属性。最好的解决方案可能是将href的值传递给函数或将其存储在变量中。

Answer 5

当您在$('#sandbox').load的回调中时，this指的是$('#sandbox')，而不是$('.jNav')。如果要提醒href，请将该变量（或对this的引用）保存在变量中。

$('.jNav').click(function(){ 
    var that = this; 
    $('#sandbox').load($(this).attr('href'),function(){ 
    alert($(that).attr('href')); 
    //... 
    }); 
} 

OR

$('.jNav').click(function(){ 
    var href = $(this).attr('href'); 
    $('#sandbox').load($(this).attr('href'),function(){ 
    alert(href); 
    //... 
    }); 
} 

Answer 6

$(document).ready(function() 
     { 
      $('.jNav').click(function() 
      { 
       $('#sandbox').load($(this).attr('href'),function() 
       { 
        alert("From here " + $(this).parent().attr('href') + " to here."); 
        loadScript(); 
       }); 
       return false; 
      }); 
     }); 

Answer 7

$(this)是.jNav，但在回调它现在的#sandbox。将变量预先缓存到提供给您的位置，然后在任何你喜欢的地方使用它。

上Groovetrain的回答略有改善，我会写：

$('.jNav').click(function(event) { 
    var $self = $(this); 
    var href = $self.attr('href'); 

    $('#sandbox').load(href, function() { 
    alert("From here " + href + " to here."); 
    loadScript(); 
    }); 

    event.preventDefault(); // better than `return false` 
});