在iOS设备上,Bootstrap 5.3的Carousel组件存在一个Bug,会导致轮播不正常工作。解决此问题的代码示例如下:
HTML代码
JavaScript代码 var myCarousel = document.querySelector('#myCarousel'); var carousel = new bootstrap.Carousel(myCarousel, { interval: 5000, wrap: true });
这个Bug可能是由于iOS设备没有妥善处理“pointer-events:none”这个CSS属性造成的。以上的代码示例通过使用JavaScript来初始化Carousel组件,从而解决这个Bug。