jQuery 迭代函数

Question

对 jquery 相当陌生，我编写的函数有点问题，与 this 非常相似问题，如果这有什么问题的话，那么显然我有一个关闭问题。正如 Peter Bailey 在上面的帖子中所说，这就是正在发生的事情:

1. 迭代某些值
2. 在该迭代中定义/分配一个使用迭代变量的函数
3. 您将了解到每个函数仅使用上次迭代中的值。
4. 什么鬼？

这是我的代码:

var pages=['home', 'about', 'events', 'info', 'qa', 'photos', 'contact'];

for (i in pages) {

    $link='"'+"[href$='gaction.php?page="+(pages[i])+"']"+'"';
    $source="/images/"+(pages[i])+".png";

    $($link).hoverIntent(function() {
        $('#logo_text').stop(true, true).fadeOut(
        0,
        function() {
            $('#logo_text').attr('src', $source).fadeIn('slow'); // swaps logo
        });
    }, function() {
        $('#logo_text').stop(true, true).pause(300).fadeOut(
        0,
        function () {
            $('#logo_text').attr('src', '/images/name.png').fadeIn('slow'); //swaps back
        });
    });
}

我知道 $link 定义相当困惑，但这一点有效。

该函数的目的是根据悬停在其上的链接将 #logo_text 中的图片替换为一张图片，但到最后每个链接都会将图片更改为“联系人”(最后一张)图片。

不太明白如何从其他线程修复它，所以如果有人可以帮忙那就太好了!

Answer 1

您可以只使用 jQuery.each 语句，并通过其结构创建一个闭包。然后，请务必使用 var 声明变量，一切就都准备好了:

var pages=['home', 'about', 'events', 'info', 'qa', 'photos', 'contact'];

$.each( pages, function(){
  var $link='"'+"[href$='gaction.php?page="+ this +"']"+'"';
  var $source="/images/"+ this +".png";

  ... rest of function untouched

});

有几种方法可以重写该函数，但老实说，如果您的方法适合您(选择器)，那么您就很好。只是，不要使用 fadeOut(0, function ...)，只需使用 hide().attr('src', $source ).fadeIn('slow')