jQuery + If 语句

Question

我正在尝试自学一些基本的 jquery，但在使用我尝试使用的 if 语句时遇到了问题。我的代码如下:

var animate = 0;

$('a').click(function () {
if (animate == 0) {
$('#shadow').fadeOut(500);
var animate = 1;
}
});

我希望进一步使用一些 else 语句，以便根据“animate”的值，单击时它将执行不同的 jquery 操作。我确信我忽略了一些明显的东西，但我正在用头撞墙试图弄清楚它是什么。

任何帮助将不胜感激!

Answer 1

当您使用 var 声明变量时，它就成为局部变量，这意味着它在该范围内是新的。

实现您想要的目标的快速(但肮脏)方法如下:

var animate = 0;
$('a').click(function() {
    if (animate === 0) {
        $('#shadow').fadeOut(500);
        animate = 1;  // note the lack of "var"
    }
});

请注意，这可能是一个相当不完美的解决方案；特别是 animate 不会将自身设置回 0(不过，您可以使用回调函数作为 fadeOut 的第二个参数来执行此操作)。

更好的解决方案可能是在您正在使用的特定项目上放置(和删除)一个类:

$('a').click(function() {
    if (!$('#shadow').hasClass('animating')) {
        $('#shadow').addClass('animating').fadeOut(500, function() {
            $(this).removeClass('animating');
        });
    }
});

但是，我不知道您的实现细节，所以我会让您弄清楚什么最适合您的特定需求。