我有一个由jQuery制作的滑块。它使用一个和前一个按钮滑动,它具有自动滑动功能,在使用setInterval method.It适用于Internet Explorer和Firefox,但不是在Chrome.How我可以解决这个problem.TjQuery滑块不适用于Chrome(间隔)
我的小项目是here。
我有一个由jQuery制作的滑块。它使用一个和前一个按钮滑动,它具有自动滑动功能,在使用setInterval method.It适用于Internet Explorer和Firefox,但不是在Chrome.How我可以解决这个problem.TjQuery滑块不适用于Chrome(间隔)
我的小项目是here。
这是因为当你做
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
元素的宽度。
谢谢@Speransky Danil.It将是很难解决没有你的帮助。 –
,您是否在Internet Explorer中使用您的解决方案尝试过它? –
好吧,这次它在IE上工作很糟糕,但是我用浏览器解决了这个问题,如果($ .browser.chrome){ liWidth = $(“#s”)。 } if($。browser.mozilla || $ .browser.msie){ \t \t liWidth = $(“#s li”)。width(); } –
@abatishchev感谢您的编辑。请为我的错误 –
不客气! :) – abatishchev