我有一個由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