0

我在使用 jQuery 和淡入淡出 div 时遇到问题。我有 3 个选项卡，每个选项卡对应一个单独的 div，应该淡入并淡出其他 div。但是，当我单击一个选项卡时，它会淡入淡出，就像它应该的那样，但它会暂时将内容向下推。我可以轻松使用 CSS，position:absolute但那是我最后的最后手段！ 我正在寻找更多的 jQuery 修复程序。

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

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

4

3 回答 3

1

如果你取出 add() 那么它会根据你的喜好工作，但它不能完全工作

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

我知道你想做什么给我一秒钟，我会为你提供更好的东西

更新：

使用这个http://jsfiddle.net/swYYy/9/

于 2012-07-20T20:51:32.850 回答
0

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

$('#tab2').click(function() { 
   $('#page1, #page3').stop(true,true).fadeOut(1000).promise().done(function() {
      $('#page2').fadeIn(1000);
   });
})
于 2012-07-20T20:57:50.313 回答
0

更新和短小提琴：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);
    });
});
​
于 2012-07-20T21:08:57.360 回答