Question

如果Box没有动画并且显示值为none或者fadeOut，如果#Box的显示值不是none，则单击class =“display”时，此函数应该淡入id =“Box”。有什么问题？

$(document).ready(function() {
    $('.display').click(function() {
        var currentDisplayValue = $('#Box').css('display');

        if (':animated') {
        stop()
        };

        else if (currentDisplayValue == 'none') {
            $('#Box').fadeIn("slow");
        };

        else {
            $('#Box').fadeOut("slow");
        };
    });

由于

Answer 1

尝试：

$(function() {
  $(".display").click(function() {
    var box = $("#Box");
    if (box.is(":animated")) {
      box.stop();
    } else if (box.is(":hidden") {
      box.fadeIn("slow");
    } else {
      box.fadeOut("slow");
    }
  });
});

你有一些语法错误（例如花括号后的分号），stop()需要应用于jquery集。最后，不要像你正在做的那样检查当前的显示CSS值。请改用:hidden选择器。

Jquery fadein和fadeout脚本无法正常工作

1 个答案: