JQuery的動畫沒有動畫

Question

我有以下的Javascript代碼：

// Animate .gallery element to the correct left position. 
       $("#gallery-images").animate({ 
        left : "-500px" 
       },1500); 

正在被應用到這個HTML：

  <div id="gallery-images"> 

      <?php foreach($content1 as $img) : ?> 
       <div class="gallery-image-holder"> 
        <a class="gallery-image" href="<?php echo "/granados/images/".$img['url'];?>"> <img src="<?php echo "/granados/images/".$img['url'];?>" /></a> 
       </div> 
      <?php endforeach;?> 

     </div> 

有了這個CSS：

#gallery-images{ 
    display: inline-block; 
    width:37em; 
    height:11em; 
    overflow-x: hidden; 
    padding-top: 4em; 
    float:left; 
    margin-right: .5em; 

} 

一切似乎工作，至少當我通過Chrome檢查代碼時。 left: "-500px"正在設置，但元素不會移動。爲什麼是這樣？我究竟做錯了什麼？

Answer 1

你有你的類/ ID錯誤，你就必須有

$(".gallery-images").animate({ 
       left : "-500px" 
},1500); 

，因爲它是你在呼喚

還您試圖調用類一類是「畫廊圖像」但您所做的類是「畫廊形象」

$(".gallery-image").animate({ 
       left : "-500px" 
},1500); 

所以只是解決這個問題的類型和你要善於去:)