我正在制作照片库。我遇到的第一个问题是$.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 中你甚至看不到动画。你真正能看到的只是几乎跳到动画的最后一个位置,然后稍微移动一点(到达终点)。关于可能导致这种情况的任何想法?