我创建了一个简单的“幻灯片”动画，第一次播放时效果很好，但第二次或连续两次都没有达到相同的效果（它应该看起来像 div 相互推动，但一旦它前进和后退第二个正向动画丢失）。
我意识到这可能是因为我在第二行给出的“左”位置。动画第一次加载时，div没有left值，播放后值为0。但这就是我碰壁的地方，因为我不知道如何解决它。也许杀死脚本？据我所知，我不知道是否有“清除脚本给出的所有值”之类的东西。我希望这是有道理的...
这是 jsFiddle，这是我的代码：
$('a.settingsTitle.settingsTitleTask').click(function () {
$("#settingsPortal").animate({'left': '0px','width': '0%'}, 300, function() {
$(this).addClass('displayNone');
$("#settingsTask").removeClass('displayNone').animate({'left': '0px','width': '100%'}, 300);
});
});
$('a.settingsTitle.settingsTitleBack').click(function () {
$("#settingsTask").animate({'left': '610px','width': '0%'}, 300, function() {
$(this).addClass('displayNone');
$("#settingsPortal").removeClass('displayNone').animate({'left': '0px','width': '100%'}, 300);
});
});