javascript - jQuery slider 在 Chrome 上不起作用(有间隔)

Question

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

我的小元素是 here .

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

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