Question

我遇到了jQuery的问题，淡入淡出div。我有3个标签，每个标签对应一个单独的div，应该淡入并淡出其他div。然而，当我点击一个标签时，它会淡入淡出，就像它应该的那样，但它会暂时将内容推下去。我可以轻松使用CSS和position:absolute，但这是我的终极度假村终极度假村！我正在寻找更多jQuery修复程序。

这是一个显示我想说的内容的jsfiddle：http://jsfiddle.net/swYYy/

到目前为止，所有给出的答案都没有按预期工作，他们工作了一半的时间，仍然有太多的错误才有效。我仍在寻找一个合理的答案。

Answer 1

如果您取出add（），那么它将适合您的喜好，但它不能完全发挥作用

http://jsfiddle.net/swYYy/7/

我知道你要做什么给我一点时间，我会为你提供更好的东西

更新

使用此http://jsfiddle.net/swYYy/9/

Answer 2

这对我有用。仅使用tab2进行测试点击：

$('#tab2').click(function() { 
   $('#page1, #page3').stop(true,true).fadeOut(1000).promise().done(function() {
      $('#page2').fadeIn(1000);
   });
})

Answer 3

已更新＆amp;简短的小提琴： http://jsfiddle.net/swYYy/12/

这里是JS代码：

$('#page2').hide();
$('#page3').hide();
$('.settings-options-tab').click(function() { 
    var index=$('.settings-options-tab').index(this);
    $('div[id^=page]:visible').stop(true,true).fadeOut(1000, function() {
        $('.settings-pages').hide();
        $('.settings-pages:eq('+index+')').fadeIn(1000);
    });
});

jQuery fadein（）fadeout（）问题，暂时推下div直到它完全消失

3 个答案: