0

我创建了一个简单的“幻灯片”动画，第一次播放时效果很好，但第二次或连续两次都没有达到相同的效果（它应该看起来像 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);
    });         
});
4

1 回答 1

3

在 JavaScript 中，CSS 样式应用于style属性中，因此要恢复到原始状态，只需执行以下操作：

$element.removeAttr('style')
于 2012-08-03T02:08:22.117 回答