jQuery的效果不想在谷歌瀏覽器中工作。 怎么了？

Question

我試圖在jquery中使fadeIn（）和slideDown（），但它不想在chrome中工作。 這是代碼

$(function (){

    $('#wrap h1').hide().slideDown(3000)
    $('.circles_1 img').hide().delay(3000).fadeIn(5000)

})

這是它的html代碼：

<section id="circles">

<figure class="circles_1"><a href="photoshop.html">image 1<img        src="images/photoshop.png"/></a></figure>

<figure class="circles_1"><a href="illustrator.html">image 2<img src="images/illustrator.png"/></a></figure>

<figure class="circles_1"><a href="indesign.html">image 3<img src="images/indesign.png"/></a></figure>

<figure class="circles_1"><a href="websites.html">image 4<img src="images/websites.png"/></a></figure>


</section>

Answer 1

在JSFiddle測試，並且看起來工作正常，請確保已包含JQuery Library鏈接。

Answer 2

導入jquery <腳本src =“ // ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”>

然后在Dom准備好后嘗試加載該函數：

$( document ).ready(function() {
    $('#wrap h1').hide().slideDown(3000)**;**
    $('.circles_1 img').hide().delay(3000).fadeIn(5000)**;**
});

並且不要忘記了;

干杯。