2011-12-23 2 views
0

Мой JavaScript код:JQuery Carousel ошибка

$("#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, где мы можем увидеть это в действии –

+0

при смене языка в верхней части, ошибка – Beginner

+0

Почему вы приняли ответ Mandeeps? Во-первых, это был не ответ на ваш вопрос, во-вторых, я дал этот ответ первым. Вы сами это исправили? Пожалуйста, см. Мой другой ответ, я потратил некоторое время на это. –

ответ

0

Хорошо, я, возможно, нашел вашу проблему, вероятно, связан с ASP.

Когда язык изменен, в <ul> нет элементов в <div id='carousel'>. Я почти уверен, что это заставило Карусель потерпеть неудачу. Пожалуйста, убедитесь, что этот код: <asp:Repeater runat="server" ID="Repeater_Videos"> всегда возвращает элементы, а затем повторите попытку.

0

<div id="carousel1"> должен быть <div id="carousel">?

Ошибка показывает, что сценарий карусели не может найти элемент, над которым он должен работать. Вы указываете #carousel в контексте сценария карусели, но я вижу только div с Id carousel1

+0

Извините, отредактировал это, я тестировал, чтобы узнать, что вызвало проблему, typo – Beginner

0

Вы инициировали карусель для #carousal.

Но div имеет идентификатор # carousal1.

Они должны быть одинаковыми.

+0

извините, что опечатка в вопросе, я отредактировал его сейчас – Beginner

1

Я побежал в это, потому что я забыл поставить элементы, которые я хотел в карусели в списке (< ул >, <Li>). Я просто имел их в divs под главным div. Немой, но лучшее сообщение об ошибке было бы полезно.

0

Просто используйте эту структуру:

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