jquery fadeIn将不透明度保留为0

Question

我有这种奇怪的行为 .fadeIn()

如果我写

$('#MyDiv').show();

div显示很好.

但是,如果我写的话

$('#MyDiv').fadeIn(400);

div显示但不透明0!

以前的行是:

$('#MyDiv').hide()
    .html(TheHTML)
    .css('top', 0);

更新:如果我写$('#MyDiv').show(400);

div也保持不透明0.

Answer 1

当隐藏时,有些CSS会覆盖你的div ..更好地将div的不透明度样式添加为100.

不,做,

$('#MyDiv').css('opacity','100');

你的fadeIn电话后..

Answer 2

尝试 jQuery .fadeTo函数。

.fadeTo( duration, opacity [, callback] )  
.fadeTo( duration, opacity [, easing] [, callback] )  

样本：

$('#book').fadeTo('slow', 0.5, function() {
  // Animation complete.
});