我有几个div，我希望根据导航面板进行淡入和淡出。我遇到了两个div的问题，但是其他div都工作正常，所以我不确定发生了什么。
这是jQuery代码，这里挑出了两个古怪的div，实际代码将其概括为适用于所有div：
$('#behind_the_lens').click(function() {
$('#gallaries-page').fadeOut(0);
$('#behind_the_lens-page').fadeIn(750);
$('#pricing-page').fadeOut(750);
});
$('#pricing').click(function() {
$('#pricing-page').fadeIn(750);
$('#behind_the_lens-page').fadeOut(750);
});
当第一个函数运行时，#pricing-page只是隐藏而#behind_the_lens-page不会褪色，并且不会褪色。
当第二个功能运行时，#pricing-page等待#behind_the_lens-page淡出，然后立即显示。
这对于div的任何其他组合都不会发生，所以对我来说很奇怪。
至于这些div的内容，一个#pricing-page使用表格，另一个使用浮动布局。但那里的布局类型并不是其他div唯一的。
总而言之，为什么它对这些div起作用而不对其他div起作用？此外，为什么要这样做呢？
编辑：能够提出一个小提琴在这里显示问题。
您正在同时渐入渐出。观看滚动条，您的“已单击”页面随当前可见的消失而显示，并在可见的完全消失之后跳到适当位置（显示：无）。
在fadeOut上使用完整的回调，以便在淡出完成后进行淡入。
https://jsfiddle.net/u3u8jsqr/2/
JS
if (thisID != visibleID) {
$(visibleID).fadeOut(750, function () {
$(thisID).fadeIn(750);
});
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句