jquery - 幻灯片后，保持位置

Question

我有两个交换位置的内容(例如绿色和红色)。

开始时，绿色内容从左侧移动 150px。但是在转了一整圈之后，这个内容从左边恢复到 0px。如何让这个内容转一圈后从左边返回150px？

点击右上角的“图片按钮”查看:http://jsfiddle.net/Xroad/CnSEa/7/

$('#content-clients').css('left', '150%');

$('#btn-clients').click(function () {

    $("#main ul:first").animate({
        left: '-150%'
    }, 500, function () {
        $(this).css('left', '150%');
        $(this).appendTo('#main');
    });

    $('#main ul:first').next().animate({
        left: '0'
    }, 500);
});

我找到了! http://jsfiddle.net/Xroad/CnSEa/19/

Answer 1

我觉得你想多了。只需使用 toggleClass() 添加和删除具有不同 left 位置的新类。然后，当您删除该类时，它将使用您设置的原始 left 位置。看看at this fiddle删除添加的类后，您可以看到绿框恢复到原来的 left:150px，而红框使用其 left:0。