jQuery缩放效果不起作用

编辑：隐藏和显示效果似乎不起作用，但其他效果也可以

我试图在页面加载时增加一些图形，但到目前为止还不起作用。只是什么都没发生。问题是其他jQuery效果工作得很好。我将感谢任何帮助

我的html

<div id="graphics">

<div id="twitter"><p>social media connected</p></div>

<div id="seo"><p>search engine optimized</p></div>

<div id="hand"><p>easy to update</p></div>

<div id="responsive"><p>responsive</p></div>

</div>

最后是javascript代码

$(document).ready(function() {
     $("#twitter").show( "scale", 
     {percent: 100, }, 2000 );
});

---

我相信

scale

需要jqueryui

您的代码中还有一个额外的

，

我能够通过最初隐藏元素并包括jQuery UI来获得效果：

HTML:

---

你有一个额外的逗号需要在这里删除：

{percent:100，

。display:none和删除额外的逗号成功了！谢谢！还有一件事，我如何才能让它们从中心开始增长？现在它从右下角开始增长。将css更改为“#twitter{background:url（images/twitter.png）no repeat center}”这就成功了！

$(document).ready(function() {
     $("#twitter").show( "scale", 
     {percent: 100, }, 2000 );
});

<div id="twitter" style="display: none;"><p>social media connected</p></div>

$("#twitter").show( "scale", {percent: 100}, 2000 );