jQuery 从右到左滑动在 Firefox 中中断

Question

我希望我的内容从窗口右侧滑动到左侧。内容 div 以自动边距居中。在 Chrome 和 Safari 中，一切都按我想要的方式工作，但在 Firefox 中，幻灯片从中间开始，向左跳出，然后跳回中间。已经搜索过，但似乎没有其他人遇到这个问题，也许是我的 CSS 有问题？

# JavaScript
$('[data-pjax-container]').show("slide", { direction: "right" }, 1000);  

#Css
#content { width: 1200px; margin: 0 auto; padding-top: 30px; }

编辑，jsfiddle:http://jsfiddle.net/VBgkT/

Answer 1

这是由自动边距引起的问题。您可以在脚本中计算边距(抱歉我不知道coffeescript语法，所以这是我在javascript中的做法):

var x = $(window).width() - $("#content").width();

$("#content").css("margin-left", x/2);
$("#content").css("margin-right", x/2);

$('.click').click(function () {
    $('#content').hide('slide', { direction: 'left' }, 1000)
    $('#content').show('slide', { direction: 'right' }, 1000)
});

fiddle :http://jsfiddle.net/VBgkT/20/