jquery - 为什么 jQuery 效果在过渡时不影响相关元素？

Question

我有这个演示，其中有四个相对于彼此定位的盒子。当一个盒子长大时，我希望其他盒子调整它们的位置。在演示中，如果您将鼠标悬停在第一个框上，则过渡会展开该框。只有在它结束后，其他盒子才会跳到正确的位置。

如何使框与过渡一起移动？

$('body').on('mouseover', '#f', function (e) {
        $($(this)).effect("size", { to: { width: 181, height: 266} }, 1000);
    });

​</p>

http://jsfiddle.net/XS93k/

Answer 1

这成功了...

$('body').on('mouseover', '#f', function (e) {
           $(this).animate({
    height: '266px',
    width: '181px'
  }, 1000, function() {
    // Animation complete.
  }); });