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

Javascript / Firefox宽度问题

1 个答案: