javascript - Jquery fadein 和 fadeout 脚本不工作

Question

如果 Box 未设置动画且显示值为 none，则单击 class="display"时，此函数应在 id="Box"中淡入淡出；如果 #Box 的显示值为非 none，则应淡入淡出。怎么了？

$(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 选择器。