Question

我的JavaScript代码：

$("#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

Answer 1

我遇到了这个，因为我忘了将我想要的项目放在轮播列表中（＆lt; ul＆gt;，＆lt; li＆gt;）。我只是把它们放在主div下的div中。愚蠢，但更好的错误信息会有所帮助。

Answer 2

<div id="carousel1">应为<div id="carousel">？

错误显示轮播脚本无法找到它应该处理的元素。您在轮播脚本的启示中指定#carousel，但我只看到ID为carousel1

的div

Answer 3

你已经开始为#carousal开辟了一场喧嚣。

但div正在使用id＃carousal1。

他们应该是一样的。

Answer 4

好的，我可能已经找到了你的问题，这可能与ASP有关。

更改语言后，<ul>中的<div id='carousel'>中没有任何元素。我几乎可以肯定这会导致Carousel失败。请确保此代码：<asp:Repeater runat="server" ID="Repeater_Videos">始终返回元素，然后重试。

Answer 5

只需使用此结构：

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

jQuery Carousel错误

5 个答案: