使用jQuery动画宽度时出现奇怪的"抖动"效果(仅限Chrome!)

关于使用jQuery动画宽度时出现奇怪的"抖动"效果，这可能是由于浏览器的渲染机制或者jQuery的动画实现方式导致的。以下是一些建议来解决这个问题：

1. 使用CSS3的transition属性来实现动画效果，而不是jQuery。这样可以避免浏览器兼容性问题，并且提高动画性能。

.element {
  width: 100px;
  transition: width 0.5s ease;
}

.element.active {
  width: 200px;
}

1. 使用requestAnimationFrame来优化动画性能。这可以确保动画在浏览器重绘之前执行，从而减少抖动。

requestAnimationFrame(function() {
  $('.element').animate({ width: '200px' }, 500);
});

1. 尝试使用animate方法的step选项来自定义动画的每一帧，以便更精确地控制动画效果。

$('.element').animate({ width: '200px' }, {
  duration: 500,
  step: function(now, tween) {
    $(this).css('width', now + 'px');
  }
});

1. 如果可能的话，可以考虑使用最新版本的jQuery库，因为它可能已经修复了一些与浏览器兼容性相关的问题。
2. 如果问题仍然存在，可以考虑使用其他类库，如Velocity.js或anime.js，它们通常提供更好的动画性能和兼容性。

最后，如果问题仍然存在，可以尝试在其他浏览器中测试代码，以确定问题是否与特定浏览器有关。如果问题仍然存在，可以考虑在jQuery的官方GitHub仓库中提交一个问题报告，以获得更多帮助。