0

我为滑块创建了一个 jQuery 迷你脚本。它在 Firefox、Chrome、IE9 中完美运行，但当我将鼠标悬停在 IE7、IE8 中时。它显示一个警报错误（未定义的 current_hover_item）。

$('.nav-item').hover(function(){
        var current_hover_item = $(this).children().attr('rel');
        $('.show-item').hide();
        $(current_hover_item).fadeIn(1000);
        $(this).animate({"width": "+=10px", opacity: 0.6}, 500, function(){
             $(this).animate({"width": "-=10px", opacity: 1}, 500);
        });
}, function(){
        $(current_hover_item).fadeOut(1000);
        return false;
});

我尝试删除（var）关键字，但是当我悬停时，它不会显示所有内容。请帮我。谢谢。

4

2 回答 2

2

current_hover_item在第二个函数中未定义，因为第一个函数中的定义在一个闭包中。

您需要current_hover_item在这两个函数中声明。或者，由于您只在每个函数中使用该变量一次，因此将其完全删除，如下所示：

$('.nav-item').hover(function(){
        $('.show-item').hide();
        $($(this).children().attr('rel')).fadeIn(1000);
        $(this).animate({"width": "+=10px", opacity: 0.6}, 500, function(){
             $(this).animate({"width": "-=10px", opacity: 1}, 500);
        });
}, function(){
        $($(this).children().attr('rel')).fadeOut(1000);
        return false;
});

或者最好重构您的代码。

于 2012-07-04T19:58:20.740 回答
0

我今天早些时候遇到了这个问题。我通过在任何 jquery 函数（包括 .ready()）之外声明变量来修复它，然后将它设置在你需要的地方（你当前声明它的地方）。

于 2012-07-04T19:59:16.030 回答