Question

我有一个div，我做了$('#div').css('display', 'none');

现在，要把这个项目带回来，我想淡入它。但是，似乎$('#div').fadeIn()没有这样做，但我不想将显示设置回阻止，就像我做的那样它只是重新出现而不是褪色..任何想法？

Answer 1

尝试

$('#div').hide();

隐藏元素。

更新我建议这样做是因为我在Firefox中的.css('display', 'none')上设置body时遇到了问题。但它应该适用于其他元素。

但如果它不能与hide()一起使用，那么你肯定会遇到另一个问题，你必须发布更多代码或提供演示。

哪个浏览器失败了？你确定$('#div').fadeIn()被执行了吗？

Answer 2

4年太晚了，但我希望这至少可以帮助别人。

您需要先使用jquery将CSS类更改为$(document).ready(function () { $('#table2').hide(); $('#table1-btn').click(function () { $('#table2').hide(); $('#table1').show(); }); $('#table2-btn').click(function () { $('#table1').hide(); $('#table2').show(); }); });，然后应用淡入功能。您可以在同一个函数中链接它们或单独运行它们。无论哪种方式，你都应该看到元素正如预期的那样逐渐消失。

Answer 3

尝试

$('#div').hide();

而不是

display:none;

Answer 4

只需添加速度选项;

$('#div').fadeIn(1000);

它为我工作......

Answer 5

由于CSS设置为元素及其:hover状态，我遇到了类似的问题。

-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

我删除了上面那些行，最后jquery的fadeIn()完美无缺。

另外请确保您不使用display:none !important;

是的，您只需要设置CSS display:none;，然后使用fadeIn()。

jQuery fadeIn（）显示无

5 个答案: