0

您可以在此处查看问题，使用左右箭头进行控制。 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++;
                }
            }
        });
    });
4

1 回答 1

-1

尝试在 $(window).load 而不是 $(document).ready 上执行

于 2012-05-12T14:18:13.247 回答