基本的 Javascript 用法和初始化

可以通过 jQuery 使用函数 $('.carousel').carousel(options) 实例化轮播组件,其中 $('.carousel') 是对特定轮播的顶级引用,options 是指定轮播的默认属性的 Javascript 对象。

options 对象允许定义多个属性,这将影响轮播的行为方式。这些属性定义如下:

  • interval 属性接受 Javascript number 类型,允许用户定义轮播显示给定轮播幻灯片的时间量。如果指定了布尔值 false,则轮播将不会自动循环。
  • pause 属性接受 Javascript string 类型,当用户的鼠标进入旋转木马时,该类型切换旋转木马的自动循环暂停的行为。接受的默认(和唯一)值是悬停
  • wrap 属性接受 Javascript boolean 类型,允许用户定义他们是否希望轮播在不停止给定幻灯片的情况下连续循环。
  • keyboard 属性接受 Javascript boolean 类型,允许用户定义他们是否希望轮播响应键盘事件。

以下是基本 Javascript 用法的示例:

$('#carCarousel').carousel({ interval: 2500, pause: "hover", wrap: false, keyboard: true });

与其他 Bootstrap 组件一样,轮播的选项也可以通过数据属性在 HTML 中指定。