jQuery单击功能在Internet Explorer 7中不起作用

Question

我使用以下代码创建一个简单的jquery轮播动画：

$(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

Answer 1

请查看“ http://www.electrictoolbox.com/jquery-animation-issues-ie7-position-relative/”-它指出，“ Internet Explorer 7在渲染某些属性时可能存在渲染jQuery动画的问题”。尚未使用CSS设置“动画”，并且包含块的position属性设置为“相对”。

就像汤姆（Tom）一样，您也应该发布HTML / css。

Answer 2

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

});

这解决了我的问题！

Answer 3

很好，这对我在IE 7中有效，也许您应该尝试使用此jquery插件http://sorgalla.com/projects/jcarousel/