Question

在这2个代码块结束时发生了奇怪的问题（这部分： $（'＃next-back'）。延迟（500）.fadeOut（300）; ）不会触发器（它曾经用过！）

$('.menu-contact').click(function() {
        $('#about').fadeOut(300);$('.menu-about').removeClass('selected');
        $('#contact').delay(500).fadeIn(600);
        $(this).addClass('selected');$('#next-back').delay(500).fadeOut(300);
    });

    $('.menu-about').click(function() {
        $('#contact').fadeOut(300);$('.menu-contact').removeClass('selected');
        $('#about').delay(500).fadeIn(600);
        $(this).addClass("selected");$('#next-back').delay(500).fadeOut(300);
    });

我在这里不知所措。这是非常简单的东西，它不起作用，甚至不得不在这里发布我很尴尬。如果我将代码更改为$('#next-back').hide();，则元素将隐藏。

以下是工作示例：http://fixxed.com/test/bp/visual-effects-color-grading-design.html

当您点击“联系人”或“关于”时，右下方的“下一步”应该在叠加淡入时淡入淡出。当您点击叠加内部的“关闭”时，它将淡入“下一步” 奇怪的是，单击“关闭”

时，“NEXT”将闪烁

Answer 1

尽量不要在.next div上使用绝对定位（在＃next-back中），当我删除它并尝试$('#next-back').fadeOut()时，它可以正常工作。

Answer 2

从about和contact中删除此行。

$('#next-back').delay(500).fadeOut(300);

如果你删除，我觉得它没有任何区别。

jQuery .fadeOut不会触发绝对定位元素

2 个答案: