Javascript 回调无法正常工作

我不知所措。在这段代码中，#选项应该逐渐淡入，但事实并非如此。不过CSS属性已经设置好了

$("#content > p").animate({ opacity: '0' }, function() {
    $(this).css("display", "none");
    $("#options").css("opacity", "0").show(0, function() {
        $("#options").fadeIn();
    });
});

---

不透明度

仍被设置为

0

您可以将

fadeIn（）

更改为

$("#options").animate({ opacity: 1}, 500);

---

.

透明度

仍设置为
0

您可以将
fadeIn（）
更改为

$("#options").animate({ opacity: 1}, 500);

.
您可以大大简化代码-请记住，将不透明度设置为0将复制
可见性：隐藏
CSS属性，而
淡出（）
将复制
显示：无
CSS属性。这两者之间的一个关键区别是后者将从渲染的DOM中删除元素，这样它就不会占用屏幕上的空间，并且周围的节点甚至不知道它在那里。前者将创建一个大的空框，其中元素仍然是，但您就是看不到它。假设您想使用后者，这是最常见的，这应该是可行的：

$('#content > p').fadeOut('slow', function() {
    $('#options').fadeIn();
});

您可以大大简化代码—请记住，将“不透明度”设置为0将复制
可见性：隐藏
CSS属性，而
淡出（）将复制
显示：无
CSS属性。这两者之间的一个关键区别是后者将从渲染的DOM中删除元素，这样它就不会占用屏幕上的空间，并且周围的节点甚至不知道它在那里。前者将创建一个大的空框，其中元素仍然是，但您就是看不到它。假设您想使用后者，这是最常见的，这应该是可行的：

$('#content > p').fadeOut('slow', function() {
    $('#options').fadeIn();
});

看起来它应该是有效的，但显然你需要使用这个方法而不是这个方法


虽然
显示（0，func..
在这里似乎没有什么意义，但您可以这样做：

$('img').css("opacity", 0).show().fadeTo(400, 1);

…除非您为
.show（）
持续时间提供的
0
时间实际上是一个可能引用更大数字的变量。
看起来应该有效，但显然您需要使用该方法而不是该方法


虽然
显示（0，func..
在这里似乎没有什么意义，但您可以这样做：

$('img').css("opacity", 0).show().fadeTo(400, 1);

…除非您为
.show（）
持续时间提供的
0
时间实际上是一个可能引用更大数字的变量。
您如何执行一行代码：
$（“#选项”）.fadeIn（）；
这应该足够了，但我还需要它设置display:block，从而设置show函数。您如何执行一行代码：
$(“#options”）.fadeIn（）；
这应该是足够的，但我需要它来设置display:block，从而设置show函数。您不明白。它有display:none；默认情况下，因此我需要show函数将其更改为block。
fadeIn（）
将自动将其设置为
display:block
您不理解。它有display:none；默认情况下，因此我需要show函数将其更改为block。
fadeIn（）
将其设置为
display:block
automatically@John-如果这回答了您的问题，请确保并单击问题旁边概述的复选标记。：（请注意，@alex不需要分数…：P）@Jared还可以再做15个：P@alex-如果可以的话，我会给你的。虽然@patrick dw也有一个令人信服的答案…@Jared他有一个更好的答案，所以我+1'd:）哦，alex…你太好了。：o）这是一个+backatcha。@John-如果这回答了你的问题，请确保单击问题旁边的勾选框。：）（提醒你，@alex并不需要积分…：P）@Jared还需要15分：P@alex-如果可以的话，我会给你的。虽然@patrick dw也有一个令人信服的答案…@Jared他有一个更好的答案，所以我想：）哦，alex……你太好了。：o）这是一个+backatcha。