jquery动画无法工作

这里是jQuery新手

我想用两个按钮做一个简单的水平滚动功能。我想用动画来做。但当我点击其中一个按钮时，什么也没发生

以下是jQuery代码：

<script type="text/javascript">
$(document).ready(function() {
    $('#right-button').click(function {
        $('#box').animate({
        left: +="200px"
        }, "fast");
    });

    $('#left-button').click(function {
        $('#box').animate({
        left: -="200px"
        }, "fast");
    });
});
</script>

这可能是一个非常天真的错误，但我只是不知道它是什么。。。我希望你能帮助我：）

附言：你可以在这里找到它：

试试：

$(document).ready(function() {
    $('#right-button').click(function {
        $('#box').animate({
        left: "+=200px"
        }, "fast");
    });

    $('#left-button').click(function {
        $('#box').animate({
        left: "-=200px"
        }, "fast");
    });
});

---

动画函数的语法错误，请参见

left: +="200px"

+=符号应位于引号内。所以应该是这样

left: "+=200px"

对其他参数执行相同的操作

另外,

您应该移动.column而不是#box。列位于#框内。我认为它应该移动而不是移动

放置位置：相对于.列

移除浮动：至少从.列中移除

看到这里的小提琴了吗

不是“200px”，它应该是“=+200”

---

函数（）；-）

“200px”+“200px”==“200px200px”&200+200==400是的，我想：）还是不动你试过写

$（“#右键”）。点击（函数（）{

而不是

$（“#右键”）。点击（函数{

？你试过给秒数而不是“快”吗？”？其他jquery效果有效吗？如果不起作用，导入jquery库可能会有问题！是的，图像滑块可以工作。你可以在上一页看到这一点。你的脚本还有两个问题。请参阅上面更新的答案。有效！函数（）解决了它…我只是没看到！谢谢你的帮助！

left: +="200px"

left: "+=200px"

 $('#right-button').click(function {
    $('#box').animate({
    left: "+=200"
    }, "fast");
});

$('#right-button').click(function() {
        $('#box').animate({
        left: "+=200px"
        }, "fast");
    });

    $('#left-button').click(function() {
        $('#box').animate({
        left: "-=200px"
        }, "fast");
    });