jquery - Firefox 中的 jQuery 从右向左滑动中断

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)
});

小提琴：http: //jsfiddle.net/VBgkT/20/