本文介绍如何通过配置 interval: false 参数，彻底禁用 Bootstrap 轮播图的自动切换行为，使其仅响应手动点击左右控制按钮或键盘操作。
本文介绍如何通过配置 interval: false 参数，彻底禁用 bootstrap 轮播图的自动切换行为，使其仅响应手动点击左右控制按钮或键盘操作。
Bootstrap 内置的 .carousel() 插件默认启用自动轮播（通常每 5 秒切换一次），但许多实际场景（如产品展示、教学演示或无障碍访问优化）需要用户完全掌控切换节奏。只需在初始化轮播组件时显式设置 interval: false，即可关闭自动播放。
以下为推荐的初始化写法（需确保 jQuery 和 Bootstrap JS 已正确加载）：
$(document).ready(function() {
$('.carousel').carousel({
interval: false // 关键配置：禁用自动轮播
});
});⚠️ 注意事项：
-
interval: false是 Bootstrap 3 和 4+ 均支持的标准选项；Bootstrap 5 已移除 jQuery 依赖，若使用原生 JS 版本，请改用data-bs-interval="false"属性（写在 HTML 的.carousel容器上）； - 该设置不影响手动交互——左右箭头、指示点（indicators）及键盘方向键（← →）仍可正常切换幻灯片；
- 若后续需动态启用自动播放，可调用
$('#myCarousel').carousel('cycle')；暂停则用'pause'方法； - 确保轮播容器具有正确的 class（如
<div id="carousel-example-generic" class="carousel slide">），否则选择器可能失效。<p>总结：禁用自动播放不是“修复 bug”，而是对用户体验的主动优化。一行配置即可实现精准控制，兼顾可访问性与交互自由度。</p> </div>
