Javascript jQuery淡入/淡出文本，然后淡入新文本

这是我第一次使用jQuery，我参加了一个在线课程，但从未在网站上使用过

我的目标是在主页上让“Hello there”先出现2秒钟，然后淡出，让“Your partner in digital”淡入并永久停留

我在这里一直在玩弄一些相关联的概念，现在已经接近了。但我的结构似乎是错误的，因为： 1） 这两件事都是先出现的，然后“你好”开始消失，然后“你的伴侣被撞伤了”——我希望“你好”能迅速出现，然后消失 2） 我希望“你的数码伙伴”一出现就永远不会消失

jQuery（文档）.ready（函数（）{
$（“.hellother”）.fadeOut（4500，function（）{
$（“.partner”）.fadeIn（10000，函数（）{
美元（“.partner”）。淡出（4500）；
});
});
});

你好。
您的数字合作伙伴。
默认情况下，第二段文本必须隐藏。这可以通过CSS类来完成

然后，一旦你淡入
.partner
文本，不要淡出。因此，最内部的影响应该被移除。您的操作是正确的，但似乎忘记删除淡出函数附带的
}
，这导致了语法错误

此外，在这种情况下，不需要在
h1
元素中嵌入
span
元素，因为整个文本都在
span
中，
span
是
h1
中唯一的内容

最后（仅供参考）当类允许更简单的样式复制并在HTML中创建更少的混乱时，不要使用内联样式


jQuery（文档）.ready（函数（）{
$（“.hellother”）.fadeOut（2000，function（）{
美元（“.partner”）.fadeIn（10000美元）；
});
});
.partner{
显示：无；
}
fontStuff先生{
字体大小：65px；
文本转换：大写；
}

你好。
您的数字合作伙伴。
默认情况下，第二段文本必须隐藏。这可以通过CSS类来完成

然后，一旦你淡入
.partner
文本，不要淡出。因此，最内部的影响应该被移除。您的操作是正确的，但似乎忘记删除淡出函数附带的
}
，这导致了语法错误

此外，在这种情况下，不需要在
h1
元素中嵌入
span
元素，因为整个文本都在
span
中，
span
是
h1
中唯一的内容

最后（仅供参考）当类允许更简单的样式复制并在HTML中创建更少的混乱时，不要使用内联样式


jQuery（文档）.ready（函数（）{
$（“.hellother”）.fadeOut（2000，function（）{
美元（“.partner”）.fadeIn（10000美元）；
});
});
.partner{
显示：无；
}
fontStuff先生{
字体大小：65px；
文本转换：大写；
}

你好。
您的数字合作伙伴。
我稍微简化了您的代码，因此只有1个标题标记，内部html在淡出后被替换，然后淡入


jQuery（文档）.ready（函数（）{
$（“.welcomeHeader”）.fadeOut（4500，函数（）{
$（“.welcomeHeader span”）.text（“您的数字合作伙伴”）；
美元（“.welcomeHeader”）.fadeIn（4500）；
});
});

你好。
我稍微简化了您的代码，因此只有1个标题标记，内部html在淡出后被替换，然后淡入


jQuery（文档）.ready（函数（）{
$（“.welcomeHeader”）.fadeOut（4500，函数（）{
$（“.welcomeHeader span”）.text（“您的数字合作伙伴”）；
美元（“.welcomeHeader”）.fadeIn（4500）；
});
});

你好。
以前也有人问过类似的问题，请看下面的帖子：请不要将HTML、CSS和JavaScript分割成独立运行的代码段。它们一起创建一个可以执行的代码段。另外，不要仅仅使用代码片段来显示一些不打算运行的代码。只需将代码缩进4个空格。你的意思是这样的吗？谢谢@ScottMarcus！我觉得昨天我觉得很奇怪，不让我标记人，4个缩进对代码不起作用。但现在它又能正常工作了！感谢tipA之前提出的类似问题，请查看此线程：请不要将HTML、CSS和JavaScript分离为独立运行的单独代码段。它们一起创建一个可以执行的代码段。另外，不要仅仅使用代码片段来显示一些不打算运行的代码。只需将代码缩进4个空格。你的意思是这样的吗？谢谢@ScottMarcus！我觉得昨天我觉得很奇怪，不让我标记人，4个缩进对代码不起作用。但现在它又能正常工作了！谢谢你的提示-也谢谢你用HTML/CSS来清理东西：这正是我想要的。非常感谢你！太棒了-谢谢你们用HTML/CSS来清理这些东西：这正是我想要的。非常感谢你！