我的jquery动画代码不起作用

Question

这是我的jquery

代码

$(document).ready(function(){

    &("#slider .slides").animate({marginLeft: "-720px"});

});

Answer 1

请更改

＆安培;与$

也是你的选择器

slider .slides

所以转换将对幻灯片类生效

Answer 2

尝试这样。在你的id中使用jquery的find()方法。

$(document).ready(function(){

    $("#slider").find(".slides").animate({marginLeft: "-720px"});

});

.slides {
    width: 100px;
    height: 100px;
    background-color: blue;
    margin-left: 500px;   
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="slider">
<div class="slides">

</div>
</div>

FIddle https://jsfiddle.net/wu4oe7k7/