0

我正在制作照片库。我遇到的第一个问题是$.data. 当我通过插件设置图像时,我会这样做:

$('.img').each(function(){
  $(this).data('original', { width:$(this).width(), height:$(this).height() });
});

然后,当我想将图像设置为完整尺寸时,我会这样做:

$(this).animate({ 'width':$(this).data('original').width, 'height':$(this).data('original').height });

现在这在 Internet Explorer 和 Firefox 中运行良好,但我刚刚在 safari 和 chrome 中进行了测试,值为零,但在 Firefox 中,即它具有正确的宽度和高度。关于为什么会发生这种情况的任何想法?

第二个问题是 Internet Explorer 中的滚动动画。基本上,我所拥有的只是一个带有溢出的包装器:隐藏和其中的一个容器,其中包含画廊行(其中包含大约 50 个图像)。现在我有 2 个按钮用于下一个和上一个。他们的代码基本上是这样的:

$('#container').animate({ 'left':'+=400px' }, 2000);

现在在 google chrome 和 safari 中,这个动画表现得很漂亮。在 Firefox 中它有点迟钝,但没有什么是我无法忍受的。然而,在 IE 中你甚至看不到动画。你真正能看到的只是几乎跳到动画的最后一个位置,然后稍微移动一点(到达终点)。关于可能导致这种情况的任何想法?

4

1 回答 1

1

你的问题的第一部分已经回答了。

我认为您问题的第二部分正在发生,因为众所周知 IE 在 DOM 操作方面速度较慢。

于 2010-01-16T16:35:43.397 回答