使用.load()和fadeIn()替换内容

时间:2011-05-08 12:46:34

标签: jquery ajax replace fadein fadeout

好吧,我尝试了几种不同的方法,我都不满意,所以我来问。

我为一个网页创建了一个精彩的侧面导航。当点击导航链接时,我试图让页面的#content替换为另一个页面,我想做一个平滑的替换效果ajax-like。

我对Javascript很新,但找到了.replaceWith()的东西。现在,我对源进行了各种操作,但是无法使其工作。我尝试使用.click()执行.replaceWith()并使其通过fadeOut()替换当前内容和fadeIn()替换新的内容。

在我编写的其中一个代码中,它确实通过淡化成功替换了内容,但是当用户第二次在导航链接上单击时,内容将加倍并增加三倍。

制作流畅的#内容替换淡入效果的最佳方法是什么?

1 个答案:

答案 0 :(得分:1)

您需要先隐藏它,否则fadeIn将不起作用。

Live example

在您的情况下,您可能需要使用jQuery get方法来加载不同页面的内容。