Javascript jQuery fadeIn()
如果淡入淡出时间一到,fadeIn()的不透明度就从0%变为100%,这意味着什么 我有这个:Javascript jQuery fadeIn(),javascript,jquery,fadein,Javascript,Jquery,Fadein,如果淡入淡出时间一到,fadeIn()的不透明度就从0%变为100%,这意味着什么 我有这个: function ThreadPost(post, appendToElementId) { if (post != null) { $("#" + appendToElementId).append("<ol id='" + post.Id + "'></ol>"); $("#" + post.Id).hide().html(Post
function ThreadPost(post, appendToElementId) {
if (post != null) {
$("#" + appendToElementId).append("<ol id='" + post.Id + "'></ol>");
$("#" + post.Id).hide().html(PostHtml(post)).fadeIn(5000);
}
}
函数ThreadPost(post,appendToElementId){
如果(post!=null){
$(“#”+appendToElementId)。追加(“”);
$(“#”+post.Id).hide().html(PostHtml(post)).fadeIn(5000);
}
}
PostHtml()返回一个“…
”
加载页面时,
将隐藏。然后,5秒钟后,
突然出现。不会发生褪色。使用Chrome。您能试着取出隐藏()
并告诉我它的功能吗?或者在设置html后将hide()
移动到?fadeIn方法应该自动隐藏它,但值得一试
另外,您能否提供有关
PostHtml
方法的更多信息?可能是因为它定义的样式使事情表现得异常。你能试着取出隐藏()
并告诉我它的作用吗?或者在设置html后将hide()
移动到?fadeIn方法应该自动隐藏它,但值得一试
另外,您能否提供有关
PostHtml
方法的更多信息?这可能是因为它定义的样式使事情表现得很奇怪。我同意@Damovisa的观点,我们可以了解PostHtml方法的功能-如果它执行Ajax调用,那么它可能在fadeIn超时过期后完成,因此,淡入淡出效果似乎不起作用。我同意@Damovisa的观点,我们可以了解PostHtml方法的作用-如果它执行Ajax调用,那么它可能在fadeIn超时过期后完成,因此淡入淡出效果似乎不起作用。尝试硬编码PostHtml(post)作为测试。请参见以下内容:
function ThreadPost(post, appendToElementId) {
if (post != null) {
$("#" + appendToElementId).append("<ol id='" + post.Id + "'></ol>");
$("#" + post.Id).hide().html("<li>test</li>").fadeIn(5000);
}
}
函数ThreadPost(post,appendToElementId){
如果(post!=null){
$(“#”+appendToElementId)。追加(“”);
$(“#”+post.Id).hide().html(“test ”).fadeIn(5000);
}
}
如果硬编码的,则您知道是PostHtml(post)导致了您的问题。当我硬编码时,淡入淡出效果与IE、FF和Chrome中预期的一样。尝试将PostHtml(post)硬编码为测试。 。请参阅以下内容:
function ThreadPost(post, appendToElementId) {
if (post != null) {
$("#" + appendToElementId).append("<ol id='" + post.Id + "'></ol>");
$("#" + post.Id).hide().html("<li>test</li>").fadeIn(5000);
}
}
函数ThreadPost(post,appendToElementId){
如果(post!=null){
$(“#”+appendToElementId)。追加(“”);
$(“#”+post.Id).hide().html(“test ”).fadeIn(5000);
}
}
如果这适用于硬编码的
,那么您就知道是PostHtml(post)导致了您的问题。当我硬编码时,淡入淡出效果与IE、FF和Chrome中的预期一样。我在jQuery fadeIn()和show()中遇到了各种奇怪的问题,只是突然出现而不是动画。看看这是否效果更好:
$("#" + post.Id).css({opacity: 0.0}).html(PostHtml(post)).animate({opacity: 1.0}, 5000);
我在jQuery fadeIn()和show()中遇到了各种奇怪的问题,只是突然出现而不是设置动画。看看这是否更有效:
$("#" + post.Id).css({opacity: 0.0}).html(PostHtml(post)).animate({opacity: 1.0}, 5000);
您是否在fadeIn()之前尝试调用show():
函数ThreadPost(post,appendToElementId){
如果(post!=null){
$(“#”+appendToElementId)。追加(“”);
$(“#”+post.Id).hide().html(PostHtml(post)).show().fadeIn(5000);
}
}
或者干脆把皮去掉():
函数ThreadPost(post,appendToElementId){
如果(post!=null){
$(“#”+appendToElementId)。追加(“”);
$(“#”+post.Id).html(PostHtml(post)).fadeIn(5000);
}
}
您是否在fadeIn()之前尝试调用show():
函数ThreadPost(post,appendToElementId){
如果(post!=null){
$(“#”+appendToElementId)。追加(“”);
$(“#”+post.Id).hide().html(PostHtml(post)).show().fadeIn(5000);
}
}
或者干脆把皮去掉():
函数ThreadPost(post,appendToElementId){
如果(post!=null){
$(“#”+appendToElementId)。追加(“”);
$(“#”+post.Id).html(PostHtml(post)).fadeIn(5000);
}
}
从何处启动上述函数?它是否在文档中。准备好了吗?我只能说它在FF、IE和Chrome中对我有效。从何处启动上述函数?它是否在文档中。准备好了吗?我只能说它在FF、IE和Chrome中对我有效。我粘贴了这段精确的代码,并且测试隐藏到5秒恩,它突然出现了。这就是你所期望的,对吗?那么,如果你现在用PostHtml(post)替换硬编码的 ,它是否不再像您预期的那样淡入?我粘贴了这段代码,并且 测试一直隐藏到5秒后突然出现。这就是您预期的,对吗?那么,如果您现在用PostHtml(post)替换硬编码的 ,它是否不再像您预期的那样淡入?