我的jquery动画不工作

我是jQuery的初学者 我不知道为什么我的动画不起作用 这是我的剧本 我还创建了一个小提琴，以防我的CSS出现问题 链接到我的

---

我发现了这个问题。问题在于您的

将其替换为

。同样在jQuery中，您没有添加quote

“left”：“250px”

，所以我也添加了它

我已经更新了代码。请检查这里：

$（文档）.ready（函数（）{
$（“#下一步”）。在（'click'，function（）上{
变量块=$（“#移动_框1”）；
动画（{'left'：'250px'}，“慢”，“线性”，函数（）{
警惕（“yehi”）；
});
});
});
#框{
显示：块；
宽度：1060px；
对齐：居中；
高度：400px；
填充：2px；
保证金：2倍；
边框：1px纯红；
}
#正在移动第1箱{
显示：块；
位置：相对位置；
左：0px；
宽度：300px；
高度：350px；
填充：2px；
保证金：4倍；
边框：1px纯红；
}

下一个

您的JSFIDLE没有包含javascriptnow我已经包含了它，很抱歉。不，您仍然没有。fiddle在javascript列中有HTML。而不是JSFIDLE，在这里用我不明白为什么你会被否决，这是一个可以解决的问题。你还应该指出，你用引号包装了250px。如果像素值被删除，甚至不需要引号。他们也不在酒店附近。
$(document).ready(function(){
    $("#next").on('click',function(){
        var block=$("#moving_box1");
        block.animate({left:250px},"slow","linear",function(){
            alert("yehi");
        });
    });
});