2011-12-23 72 views
0

我的JavaScript代碼jQuery的旋轉木馬錯誤

$("#carousel").jCarouselLite({ 
    visible: 4, 
    btnNext: ".next", 
    btnPrev: ".prev", 
    circular: false 
}); 

爲什麼我得到這個錯誤?

Uncaught TypeError: Cannot read property 'offsetWidth' of undefined 
widthjcarousellite_1.0.1.min.js:1 
$.fn.jCarouselLitejcarousellite_1.0.1.min.js:1 
e.extend.eachjquery.min.js:16 
e.fn.e.eachjquery.min.js:16 
$.fn.jCarouselLitejcarousellite_1.0.1.min.js:1 
(anonymous function)home.js:4 
f.extend._Deferred.e.resolveWithjquery.min.js:16 
e.extend.readyjquery.min.js:16 
c.addEventListener.B 
+0

能否請您提供一些生成HTML一起工作,或URL就是當你在頂部更改語言,我們可以看到這個動作 – 2011-12-23 12:11:59

+0

,錯誤發生 – Beginner 2011-12-23 12:14:47

+0

你爲什麼接受Mandeeps的答案?首先,它不是你的問題的答案,其次,我首先提供了答案。你是否自己修復它?請看我的其他答案,我花了一些時間搞清楚了。 – 2011-12-23 12:41:35

回答

0

好吧,我可能已經發現你的問題,這可能是ASP相關的。

當語言改變時,中的<div id='carousel'>中沒有元素。我幾乎可以確定這是導致Carousel失敗。請確保此代碼:<asp:Repeater runat="server" ID="Repeater_Videos">始終返回元素,然後再試一次。

0

<div id="carousel1">應該是<div id="carousel">

該錯誤顯示輪播腳本無法找到它應該工作的元素。您在轉盤腳本的啓動中指定了#carousel,但我只看到了一個帶有Id的div carousel1

+0

對不起編輯,我正在測試,看看是什麼造成的問題,錯字 – Beginner 2011-12-23 12:06:45

0

您已啓動#carousal的carousal。

但是div有id#carousal1。

它們應該是相同的。

+0

抱歉,這是一個錯字,我現在編輯它 – Beginner 2011-12-23 12:09:43

1

我遇到了這一點,因爲我忘了我在旋轉木馬希望列表中的項目(<UL>,<李>)。我只是把它們放在主div下的div中。啞巴,但更好的錯誤信息會有幫助。

0

只需使用此結構:

<ul id="carousel"> <li><img src="x.jpg"/></li> <li><img src="y.jpg"/></li> <li><img src="z.jpg"/></li> </ul>