2012-09-03 77 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(); } –