Question

我一直在处理以下代码，以便来回移动div但是当div被切换时似乎有问题，一旦点击一个项目，它就会切换但是当点击下一个项目时它会影响。任何建议，使这个项目平均来回切换，只向左或向右一步。这是我的小提琴https://jsfiddle.net/z3L8wbt6/

var move = 200;
$('#main div').click(function(){
    $(this).animate({
        left: "+="+move
    }, 200);
    move =-move;
});

Answer 1

使用jQuery函数addClass，removeClass和hasClass，我创建了一个简单的if / else语句来独立控制每个 div运动的div。

if ($(this).hasClass("moved")) {
    move = -200;
    $(this).removeClass("moved");
} else {
    move = 200;
    $(this).addClass("moved");
}
$(this).animate({
   left: "+=" + move
}, 200);

JSFiddle

如何使用jquery animate来回移动多个元素

1 个答案: