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

所以只需要修复那种类型就可以了：）

JQuery Animate没有动画

1 个答案: