IE中的JQuery动画问题，它在所有其他浏览器中都工作得很好

Question

所以我在这个网站上运行了一个动画：http://www.pivot-innovation.com/index_dev.php

所有的东西在每个浏览器上看起来都工作得很好。当然，IE除外。起初它告诉我，从谷歌调用jquery有一个error...so，我在本地拉出了jquery的完整版本，现在我可以调用它了。我的脚本很简单，但它不动画或褪色或任何东西，只是在IE。

<script type="text/javascript" src="js/jquery.js"></script> 

<script>
$(document).ready(function() {

    $("#left_innovation_image").hide(); //Hide all content
    $("#right_innovation_image").hide(); //Hide all content
    $("#mainImage_home").hide(); //Hide all content

    $("#left_innovation_image").fadeIn(2000); //Show first tab content
    $("#right_innovation_image").fadeIn(2000); //Show first tab content

    $("#left_innovation_image").animate({position:'absolute', top:'0px', left:'50px'}, 1000)
    $("#right_innovation_image").animate({position:'absolute', top:'0px', right:'50px'}, 1000,
    function(){

    }
    )

    $("#mainImage_home").delay(2500).fadeIn(1000); //Show first tab content

});
</script>

我甚至尝试使用绝对位置，只需像这样简单地设置左动画：

$("#left_innovation_image").animate({'left': '+=50px'}, 1000)

但它仍然无法工作或移动。有什么办法解决这个问题吗？如果不是，我是否可以编写一些东西来告诉IE显示图像并忘记jQuery。

Answer 1

摆脱动画中的position:absolute为初学者，你可以张贴一些样本html，以便我们可以摆弄它