jquery animate无法使用chrome

Question

我的jquery动画代码在IE和Firefox中运行良好,但它在Chrome和Safari中无效.有什么建议？

这是我的jquery动画代码

$('#menu ul li a').click(function (e) {

    /* On a thumbnail click */
    $('li.menuItem').removeClass('act').addClass('inact');
    $(this).parent().addClass('act');

    var pos = $(this).parent().prevAll().length; //.prevAll('.menuItem').length;
    pos = pos - 1;


    $('#slides').animate({ marginLeft: -positions[pos] + 'px' }, 450);
    /* Start the sliding animation */

    e.preventDefault();
    /* Prevent the default action of the link */
});

Answer 1

如果我记得很好的话，当动画或应用CSS以方便操作时，jQuery在没有“px”的情况下计算得很好，而且它更符合逻辑，因为动画是用数字而不是字符串进行计算。那不是css属性的问题吗？您是否尝试过为要设置动画的元素至少设置 'position':'relative' 或 'display':'block' 或 'display':'inline-block' 。因为 css 需要这种类型的显示来应用边距属性。例如，尝试使用“left”动画而不是“margin-left”，如果它有效，则它来自应用边距所需的 css 属性。