Javascript / Firefox width issue

Question

您可以在此处查看问题，带有左右箭头的控件。http://onezeromany.com/cv/（在Chrome/Safari中工作正常，在Firefox中不能）

我有 9 个div，都是浏览器窗口的完整大小。它们充当幻灯片，如您在演示中看到的那样。现在，由于某种原因，在Firefox中，它们每次都向左滑动。这是一个已知问题，有人知道解决方案吗？这是 js 代码：

$(document).ready(function() {
        var slide = 1;
        var browserwidth = -$(window).width() -1;
        $("body").children().not("#slide1").css("left",Math.abs(browserwidth));
        $(document).keydown(function(e){
            if(e.keyCode == 37) {
                if(slide > 1) {
                    slide--;
                    $("#slide" + slide).animate({left:"0px"}, 500, "linear");
                    $("#slide" + (slide + 1)).animate({left:Math.abs(browserwidth)}, 500, "linear");
                }
            }
            if(e.keyCode == 39) {
                if(slide < 9) {
                    $("#slide" + slide).animate({left:browserwidth}, 500, "linear");
                    $("#slide" + (slide + 1)).animate({left:0}, 500, "linear");
                    slide++;
                }
            }
        });
    });

Answer 1

尝试在 $（window）.load 而不是 $（document）.ready 上执行