19.Bootstrap(中文教程)元件：幻灯片(Carousel)jquery监听

ㄧ.幻灯片jquery监听

$(document).ready(()=>{  //控制幻灯片的秒数  // $('.carousel').carousel({  //   interval: 100  // });  $('.carousel').on('slid.bs.carousel', (event)=>{    console.log(`slid:      方向：${event.direction}      从：${event.from}      到${event.to}    `);  });    $('.carousel').on('slide.bs.carousel', (event)=>{    console.log(`slide:      方向：${event.direction}      从：${event.from}      到${event.to}    `);  });     // });

重点：
1.使用jquery可以控制bootstrap4幻灯片读秒，其余的功能可参考官网
2.读秒控制部分也可在html的carousel的data-ride="carousel"改成data-interval="1000"
3.从这里可以看出监听是从slide开始之后才执行slid

codepen
参考：bootstrap4