jQuery Animate没有动画

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"已设置left: "-500px" ，但元素未移动。 为什么是这样？ 我究竟做错了什么？

Answer 1

您的班级/身份证有误，您将不得不

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

因为这是您正在呼叫的课程

您尝试调用的课程也是“ gallery-images”，但是您创建的课程是“ gallery-image”

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

所以只需修复该类型，您就可以轻松进行了:)