Question

我创建了一个简单的'幻灯片'动画，它在第一次播放时效果很好，但是在第二次或连续时间都没有达到相同的效果（它应该看起来像div正在互相推动，但一旦它消失了前进和后退第二个前进动画丢失）。

我意识到这可能是因为我在第二行给出的“左”位置。第一次动画加载时，div没有左值，一旦它被播放，值就是0.但这是我撞墙的地方，因为我不知道如何解决它。也许杀死剧本？据我所知，我不知道是否有“清除脚本给出的所有值”之类的东西。我希望这是有道理的......

Here's the 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);
    });         
});

Answer 1

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

$element.removeAttr('style')

重置jQuery动画给出的css值

1 个答案: