2012-09-03 119 views
0

我有一个由jQuery制作的滑块。它使用一个和前一个按钮滑动,它具有自动滑动功能,在使用setInterval method.It适用于Internet Explorer和Firefox,但不是在Chrome.How我可以解决这个problem.TjQuery滑块不适用于Chrome(间隔)

我的小项目是here

+0

@abatishchev感谢您的编辑。请为我的错误 –

+0

不客气! :) – abatishchev

回答

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元素的宽度。

+0

谢谢@Speransky Danil.It将是很难解决没有你的帮助。 –

+0

,您是否在Internet Explorer中使用您的解决方案尝试过它? –

+0

好吧,这次它在IE上工作很糟糕,但是我用浏览器解决了这个问题,如果($ .browser.chrome){ liWidth = $(“#s”)。 } if($。browser.mozilla || $ .browser.msie){ \t \t liWidth = $(“#s li”)。width(); } –