Question

编辑：看起来隐藏和显示效果不起作用，但其他效果可以正常工作。

我正在尝试在页面加载时使某些图形增长，但到目前为止它还没有工作。没有任何反应。问题是其他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>

和我的css;

#graphics {
margin: 170px auto 0 auto;
width:700px;
height:80px;
}

#graphics p{
margin-top:75px;
text-align:center;
font-size:1em;
}


#twitter, #seo, #hand, #responsive {
height:72px;
width:105px;
float:left;
margin-right:0px;
}


#twitter {
background-image:url(images/twitter.png);
margin-right:93px;
}

#seo {
background-image:url(images/seo.png);
margin-right:93px;
}

#hand{
background-image:url(images/hand.png);
margin-right:93px;
}

#responsive {
background-image:url(images/responsive.png);
}

和最后，javascript代码;

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

Answer 1

我相信scale需要jQuery UI。

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

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

Example

HTML：

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

代码：

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

jQuery比例效果不起作用

1 个答案: