Javascript JQuery SlideDown（）正在延迟单词的后半部分

我有一个简单的JQuery工具，当页面准备就绪时激活它。两条绳子会在不同的时间滑落

问题是，在第一个字符串中，只有单词的前半部分向下滑动，但后半部分延迟了一秒钟

有人能告诉我为什么吗

这是我的密码：

KGV连接
.标题{
背景色：#007B4C；
宽度：1280px；
高度：70像素；
位置：固定；
左：0px；
顶部：0px；
z指数：10；
}
.身体{
宽度：1267px；
位置：相对位置；
左-12px；
高度：1010px；
背景色：#EDF0F5；
顶部：25px；
z指数：9；
}    		
.页脚{
背景色：#007B4C；
宽度：1267px；
位置：相对位置；
左-12px；
高度：200px；
顶部：25px；
z指数：9；
}              
.留言{
字体系列：“MS PGothic”；
宽度：1200px；
字体大小：40px；
文本对齐：居中；
位置：相对位置；
左：50px；
颜色：#333333；
顶部：200px；
显示：无；
}
.祝贺你{
位置：相对位置；
字体系列：“MS PGothic”；
宽度：300px；
左：450px；
顶部：200px；
颜色：#333333；
字体大小：60px；
显示：无；
}
祝贺
您的帐户已成功激活
$（文档）.ready（函数（e）{
$（“.恭喜”）。向下滑动（400）；
$（“.message”）。延迟（1000）。向下滑动（400）；
});

您好，问题来自css类。祝贺您

---

增加到宽度：500px//这将解决半字幻灯片的问题。您好，问题来自css类。祝贺您

---

增加到宽度：500px//这将解决半字幻灯片的问题，因为包含字符串“恭喜！”的h1元素比渲染文本小，jQuery显然首先在h1元素上应用动画，而该元素只裁剪字符串的一小部分

删除类的宽度属性，或者使其比文本宽

我建议您在浏览器中使用“inspect elemnt”工具来调试类似这样的奇怪事情

---

这是因为包含字符串“恭喜！”的h1元素比它的渲染文本小，而jQuery显然首先在h1元素上应用动画，这只会裁剪字符串的一小部分

删除类的宽度属性，或者使其比文本宽

我建议您在浏览器中使用“inspect elemnt”工具来调试类似这样的奇怪事情

---

祝贺您在滑动时剪下的原因是CSS中为

指定的宽度。祝贺您

滑动的前半部分将等于设置的宽度。减少会使第一部分变小，增加会使其变大。

保持
宽度：100%
是您问题的解决方案。
祝贺您在滑动时剪下的原因是因为CSS中为
指定的宽度。

滑动的前半部分将等于设置的宽度。减少会使第一部分变小，增加会使其变大。

保持
宽度：100%
是您问题的解决方案。
这很疯狂，slideDown仅向下滑动宽度中指定的部分，即300px。其余部分在向下滑动完成后显示

从CSS类中删除宽度。
这很疯狂，slideDown仅向下滑动宽度中指定的部分，即300px。其余部分在向下滑动完成后显示

删除CSS类的宽度。
@Leuven Wang，你需要CSS吗？为了可读性，应该将其删除，使用jQuery 2.x。。。看起来婚姻不太好。@Leuven Wang，你需要css吗？为了可读性，应该将其删除，使用jQuery 2.x。。。看起来不是一个好的婚姻。在所有完全相同的答案中，我喜欢这个。无法击败检查截图。在所有完全相同的答案中，我喜欢这个。无法击败检查截图。