2011-02-01 123 views
0

我用这个代码创建一个简单的jQuery转盘动画:jQuery的点击功能无法在Internet Explorer 7工作

$(document).ready(function() { 
var slide = 1; 
$('#arrow-left').click(function() { 
    if (slide == 1) { 
     $("#slideshow-train").animate({left: '-840'}, 2000); 
     slide = 2; 
    } else if (slide == 2) { 
     $("#slideshow-train").animate({left: '-1680'}, 2000); 
     slide = 3; 
    } else if (slide == 3) { 
     $("#slideshow-train").animate({left: '0'}, 1000); 
     slide = 1; 
    } 
}); 
}); 

此代码工作正常,除了Internet Explorer 7的所有主要的浏览器!它甚至可以在IE6中正常工作!问题是点击功能在IE7中根本不起作用。任何人都可以请指出什么是问题,我该如何解决它?

下面是页面演示。只需点击左箭头(右手按钮不起作用:))。它应该适用于所有浏览器摘录IE7。

http://goo.gl/LVnhW

+0

你需要提供你的html - 在线演示将是最好的。现在我只能推荐在控制台中检查JS错误,并检查你的html是否有效。与其他浏览器相比,IE在处理愚蠢错误方面的宽容度要小得多。 – 2011-02-01 13:08:49

回答

0
$("selector").live("click", function() { 

}); 

这解决了我的问题!

0

退房 'http://www.electrictoolbox.com/jquery-animation-issues-ie7-position-relative/' - 它指出,“Internet Explorer 7中可以有问题与渲染jQuery的动画如果某些要动画的属性尚未用CSS设置,并且包含块的position属性设置为“relative”。

也像汤姆塞满了,你也应该发布你的HTML/CSS。

相关问题