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

Question

我有一个由jQuery制作的滑块。它使用下一个和上一个按钮进行滑动，它具有自动滑动功能和setInterval方法。它适用于Internet Explorer和Firefox，但不适用于Chrome.How我可以解决这个问题.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元素宽度。