javascript - jQuery 滑块在 Chrome 上不起作用（有间隔）

Question

我有一个由 jQuery 制作的滑块。它使用下一个和上一个按钮进行滑动，并且具有 setInterval 方法的自动滑动功能。它适用于 Internet Explorer 和 Firefox，但不适用于 Chrome。我该如何解决这个问题。T

我的小项目在这里。

Answer 1

这是因为当你这样做

var totalLi = $("#s li").length;
var liWidth = $("#s li").width();
var totalWidth = totalLi * liWidth;
$("#s").css("width", totalWidth);

images未加载，浏览器不知道其li元素的宽度和宽度，因此$("#s li").width()提供0.

例如，如果你会写

var liWidth = $("#s").width();

代替

var liWidth = $("#s li").width();

然后它将起作用，因为浏览器#s从 css 知道元素宽度。