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); 

所以只是解决这个问题的类型和你要善于去:)