相关疑难解决方法(0)

Bootstrap 2似乎可以正常使用以下代码处理幻灯片事件(请参阅此问题):

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

但是,我不能在Bootstrap 3中使用相同的东西(参见这个小提琴).谁知道为什么？

我正在尝试将幻灯片事件添加到轮播中，但它没有启动

<div id="background-carousel">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
        <div class="item active" style="background-image:url('images/Home BG 1.jpg')"></div>
        <div class="item" style="background-image:url('images/Home BG 3.jpg')"></div>
        <div class="item" style="background-image:url('images/home_bg2.jpg')"></div>  
      </div>
    </div>
</div>

我的 javascript 但它不起作用并且在图像幻灯片上没有显示任何警报

  $( document ).ready(function() {


     $('#myCarousel').carousel({
  interval: 4000
 });

 $('#myCarousel').on('slide', function () {
  alert("Slide Event");
 // console.log('slid event');
  });

  });