Используйте событие «слайд» Bootstrap Carousel и класс .next.Html

Программисты Html
Ответить
Anonymous
 Используйте событие «слайд» Bootstrap Carousel и класс .next.

Сообщение Anonymous »

Итак, у меня возникла небольшая проблема (похожая на ту, которую я опубликовал на днях: SlabText для контента, который скрывается при загрузке, а затем отображается через JS) с использованием SlabText для части контента, которая скрыта при загрузке. На этот раз я пытаюсь заставить slabText обновить отображение некоторого контента, находящегося в слайдере (используя плагин Carousel Twitter Bootstrap).
Следуя документации Twitter (http://twitter.github.com/bootstrap/jav ... l#carousel) для плагина Bootstrap Carousel, я пытаюсь использовать событие слайда, чтобы повторно вызвать SlabText, чтобы он отображался правильно.
С помощью инструментов разработчика я вижу, что Carousel добавляет класс .next при обработке слайда одного элемента .item к другому. Затем он удаляется перед передачей класса .active.
Я могу получить доступ к событию «slide» без каких-либо проблем, но попытка получить элемент .next оказывается проблематичной. Вот JSFiddle моего кода: http://jsfiddle.net/peHDQ/
Проще говоря, мой вопрос; как мне правильно использовать событие слайда для запуска функции?
Пожалуйста, дайте мне знать, если какая-либо дополнительная информация будет полезна.

Дополнительные примечания:
Поскольку мне не удалось получить доступ к классу .next, я пытаюсь сделать это с помощью некоторых jQuery. Вот мой код:

Код: Выделить всё

$('.carousel').carousel({
interval: 5000
}).on('slide', function (e) {
$(this).find('.active').next().find('.slab').slabText();
});
Насколько я понимаю, это должно захватывать каждый элемент .slab и запускать плагин SlabText.... увы, я получаю ошибку:
"Uncaught TypeError: Object [object Object] не имеет метода 'slabtext'"
Может ли кто-нибудь подсказать, что я здесь делаю не так...? Я использовал тот же процесс добавления класса, и он работает нормально (согласно этому JSFiddle: http://jsfiddle.net/peHDQ/2/)

Подробнее здесь: https://stackoverflow.com/questions/148 ... next-class
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»