Question

我正在尝试将show('slow')与.append()一起使用，但似乎根本不起作用。这是我的代码：

var listing = "html data";

$('#sectionArticles').append(listing);

我发现我们只能show('slow')使用appendTo，这是真的吗？如何在此应用平滑加载。

Answer 1

应该工作得很好。我已经列举了一个例子。

http://jsfiddle.net/wrxsti85/RZjAu/

使用Javascript：

var listing = "<p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </p>";

$('#sectionArticles').append(listing).show('slow');

HTML：

<div id="sectionArticles"></div>

CSS：

#sectionArticles {
    display:none;
}

Answer 2

wrxsti 的解决方案效果很好，但替代可以使用fadeIn()，请参阅以下链接：

<强> DEMO

在.append（）中应用平滑度

2 个答案: