Ответ 1
Если вы (или кто-либо еще) по-прежнему ищете решение по этому вопросу, я поделюсь решением, которое я обнаружил для загрузки содержимого через AJAX в Bootstrap Carousel..
Решение оказалось немного сложным, так как нет возможности легко определить текущий слайд карусели. С некоторыми атрибутами данных я смог обработать событие .slid
(как вы сказали), а затем загрузить контент из другого URL-адреса с помощью jQuery $.load()
..
$('#myCarousel').carousel({
interval:false // remove interval for manual sliding
});
// when the carousel slides, load the ajax content
$('#myCarousel').on('slid', function (e) {
// get index of currently active item
var idx = $('#myCarousel .item.active').index();
var url = $('.item.active').data('url');
// ajax load from data-url
$('.item').html("wait...");
$('.item').load(url,function(result){
$('#myCarousel').carousel(idx);
});
});
// load first slide
$('[data-slide-number=0]').load($('[data-slide-number=0]').data('url'),function(result){
$('#myCarousel').carousel(0);
});