基本的 Javascript 用法和初始化
可以通过 jQuery 使用函数 $('.carousel').carousel(options)
实例化轮播组件,其中 $('.carousel')
是对特定轮播的顶级引用,options
是指定轮播的默认属性的 Javascript 对象。
options
对象允许定义多个属性,这将影响轮播的行为方式。这些属性定义如下:
interval
属性接受 Javascriptnumber
类型,允许用户定义轮播显示给定轮播幻灯片的时间量。如果指定了布尔值false
,则轮播将不会自动循环。pause
属性接受 Javascriptstring
类型,当用户的鼠标进入旋转木马时,该类型切换旋转木马的自动循环暂停的行为。接受的默认(和唯一)值是悬停。wrap
属性接受 Javascriptboolean
类型,允许用户定义他们是否希望轮播在不停止给定幻灯片的情况下连续循环。keyboard
属性接受 Javascriptboolean
类型,允许用户定义他们是否希望轮播响应键盘事件。
以下是基本 Javascript 用法的示例:
$('#carCarousel').carousel({ interval: 2500, pause: "hover", wrap: false, keyboard: true });
与其他 Bootstrap 组件一样,轮播的选项也可以通过数据属性在 HTML 中指定。