jQuery Animate填充到零

Question

我有以下片段在悬停时切换填充(请参阅此处的示例):

<div id="outer"><div id="inner"></div></div> 
<script> 
  $("#inner").mouseenter(function () {
    $("#outer").animate({ 'padding' : '20px' }, "slow");
  });
  $("#inner").mouseleave(function () {
    $("#outer").animate({ 'padding' : '0px' }, "slow");
  });
</script>

目标是使填充内部和外部都有动画,但是当前没有动画显示动画.我做了一些测试,如果我将假填充更改为10像素(从0像素),它会运行动画,但从零开始并向外动画.我正在运行jQuery 1.4.3.有任何解决这个问题的方法吗？

Answer 1

绝对是1.4.3中的动画错误,现在您可以通过动画化各个属性来解决这个问题,如下所示:

$("#inner").mouseleave(function () {
  $("#outer").animate({ 
    'padding-top' : 0,
    'padding-right' : 0,
    'padding-bottom' : 0,
    'padding-left' : 0,
  }, "slow");
});

你可以在这里测试一下.

Answer 2

看起来像是一个错误1.4.3(重写的css部分).1.4.2工作良好:

http://www.jsfiddle.net/YjC6y/44/

我会进一步调查并更新这篇文章.