JQuery CSS/Animate 函数在左侧绝对定位时失败

Question

我们有一个 JQuery 函数，它控制一系列绝对定位的面板，这些面板在彼此顶部从左侧滑入和滑出。最初这是由 webkit 使用 JQuery add/removeClass 控制的。为了更好的兼容性，我们现在使用能够使用 webkit 的 JQuery。

问题是选项卡面板应该从 left:-560px; 开始 JQuery 接缝在 CSS 中忽略它所以我在 JQuery 中写了一行将它移动到那里。它也失败了，但实际功能仍在运行。问题是所有面板都从 left:0px;

开始

var tabbarpan;
        // THIS LINE SHOULD MOVE ALL PANELS TO left:-560px; BUT IT DOESN'T //
    $('#coursepack .corecol .chamber').css('left','-560');

    // NAVIGATION //
    $('#coursepack .tabbar a').click(function(){
        $('#coursepack .tabbar a').removeClass('active');
        $(this).addClass('active');

        $('#' + tabbarpan).animate({left:'-560', opacity:0.6, leaveTransforms:true},750);

        tabbarpan = $(this).attr('rel');
        $('#' + tabbarpan).animate({left:'+0', opacity:1, leaveTransforms:true},750);

        $('#coursepack .review').removeClass('open');
        $('#coursepack .corecol .extention').animate({left:'=180px', opacity:0},{ duration: 500 });

        return false
    });

有什么想法吗？

很棒

Answer 1

$('#coursepack .corecol .chamber').css('left','-560');

你错过了那一行的px，应该是

$('#coursepack .corecol .chamber').css('left','-560px');