Question

这是简单的test.html：

<!-- css -->
<style type="text/css">
#convert-exec    {
    width:300px; 
    margin-left:auto; 
    margin-right:auto;
}
</style>

<!-- js -->
<script type="text/javascript" src="inc/js/lib/jquery.js"></script>
<script type="text/javascript" src="inc/js/lib/jquery-ui.js"></script>
<script type="text/javascript" src="inc/js/lib/jcarousel.js"></script>
<script type="text/javascript" src="inc/js/lib/jquery.easing.1.3.js"></script>

<script type="text/javascript">
    $( document ).click(function() {
        $('#convert-exec').animate({
            "float":"left",
            "margin-left":"0",
            "margin-right":"20px"
        }, 500, "easeOutQuart", function() {

        });


    });
</script>

<!-- body -->
<body>
    <div id="convert-exec">
        <p>123</p>
    </div>
</body>

这在chrome中运作良好。

当我在FireFox或Safari中测试时，它没有任何动画效果，具体而言，＃convert-exec更改为“float”：“left”，“margin-left”：“0”，“margin-right”：“20px”IMMEDIATELY ！

当我在IE中测试时，“浮动”：“左”，“边距左”：“0”，“边距右”：“20px”已经设置为I在点击之前打开网页。

我正在使用jquery 1.10.2 chrome 30.0.1599.101，firefox 22，IE 8，safari 5.1.7任何人都可以帮助我吗？非常感谢！

P.S。

演示链接：jsfiddle，因为我是jquery的新手，我不知道如何在Firefox和IE中重现效果，它在jsfiddle看起来恰到好处。 / p>

什么不能jquery.animate在FireFox中工作？

0 个答案: