Событие автозапуска Bootstrap не работает внутри AJAX success

Question

Это мой код, событие «слайд» внутри вызова AJAX.

success: function(data) { 
    $('#my_container').html(data); 
    // I am getting' #mycarousel' successfully in to #my_container 
    $('#mycarousel').bind('slid', function(e) { 
     console.log('hi'); 
    } 
    // tried 'slid.bs.carousel' too, no change. 
    // btw, I can see my 'slid' function under event listeners for that element. 
    // when I paste the above binding code in console again it shows the element too. 
}); 

Я хочу напечатать «привет» на консоли на слайд-мероприятии, которое сейчас не работает.

Благодаря

Answer 1

Проверьте, есть ли у вас несколько версий библиотек JQuery загруженных в страницу.

Используйте $.fn.jquery, чтобы найти загруженную версию и перекрестите ее с помощью версии jquery, которую вы включили, и увидите, что оба они одинаковы.

Answer 2

После загрузки карусели динамически, вы должны инициализировать его (как androbin предложил):

$('#my_container').html(data); 

    $("#mycarousel").carousel(); 

    $('#mycarousel').bind('slide.bs.carousel', function (e) { 
     console.log('slide event!'); 
    }); 

    $('#mycarousel').bind('slid', function (e) { 
     console.log("slid event!"); 
    }); 

Здесь вы можете увидеть его работу: http://jsfiddle.net/faw242a8/1/

Убедитесь, что HTML вы втягиваются через ajax, содержит действительную карусель.

Ссылка: Carousel - Bootstrap