Bootstrap 插件的选项

插件的选项

为了对插件提供更多的控制，Bootstrap为某些插件提供了一些选项。对于所有的插件，这些选项都可以通过 data 属性或JavaScript进行设置。

如果使用 data 属性，则要将选项名称放在 data- 的后面。比如，模态对话框的 keyboard 属性，就要写成类似于 data-keyboard="" 的形式。如：

<a data-toggle="modal" data-target="#myModal" data-keyboard="false">Demo</a>

如果使用JavaScript代码，直接使用选项名称即可。如：

<script>
$('#myModal').modal({
keyboard: false
})
</script>

Bootstrap中的所有插件，都允许使用 data() 方法来获取 data-* 属性的值。假设以下HTML代码片段：

<a id="launch" data-toggle="modal" data-target="#myModal">Launch Modal</a>

使用以下代码，就可以获取 data-toggle 属性的值：

$('#launch').data('toggle')

在调用 data() 方法时，如果没有传递任何参数，如 $('#launch').data()，则表示一次性收集所有以 data- 开头的属性的值，并返回一个对象，其结果就像使用如下方式声明一个 value 变量：

var value = {
toggle: 'modal',
target: 'target'
}

Bootstrap中的很多插件都是利用这个特性，在HTML元素上自定义一些必要的参数，然后在脚本中通过 data() 方法来收集这些参数，并加以使用。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap 插件的选项相关推荐

Bootstrap -- 插件: 按钮状态、折叠样式、轮播样式
Bootstrap -- 插件: 按钮状态.折叠样式.轮播样式 1. 按钮(Button)插件:可以添加进一些交互,比如控制按钮状态. 如需向按钮添加加载状态,只需要简单地向 button 元素添加 ...
Bootstrap插件
1 BootStrap插件使用规则 1.1 单个引入 JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js ...
Bootstrap3轮番插件的选项
轮番插件的选项 Bootstrap为轮番插件提供了 4 个选项,这些选项都可以通过 data 属性或JavaScript进行设置.选项的详细说明见表 4‑11: 表 4‑11 carousel插件的选 ...
Bootstrap3 折叠插件的选项
折叠插件的选项 Bootstrap为折叠插件提供了 2 个选项,所有的选项都可以通过 data 属性或JavaScript进行设置.见表 4‑9. 表 4‑9 collapse插件的选项名称类型 ...
Bootstrap3 弹出提示插件的选项
弹出提示插件的选项 Bootstrap为工具提示插件提供了 11 个选项,所有的选项都可以通过 data 属性或JavaScript进行设置.这些选项详细见表 4‑7: 表 4‑7 popover插件 ...
Bootstrap3 工具提示插件的选项
工具提示插件的选项 Bootstrap为工具提示插件提供了 10 个选项,所有的选项都可以通过 data 属性或JavaScript进行设置.这些选项详细见表 4‑5: 表 4‑5 tooltip插件 ...
Bootstrap3 滚动监听插件的选项
滚动监听插件的选项 Bootstrap为滚动监听插件提供了一个选项 offset,用来调整滚动位置距顶部偏移的像素值,取值为数字,默认值为10.正值表示滚动条向上偏移,负值表示向下偏移. offset ...
Bootstrap3 插件的选项
插件的选项为了对插件提供更多的控制,Bootstrap为插件提供了一些选项.所有的插件的所有选项都可以通过 data 属性或JavaScript进行设置. 如果使用 data 属性,则要将选项名称放 ...
Bootstrap学习（三）——Bootstrap 插件
Bootstrap学习(三)--Bootstrap 插件 Bootstrap 插件 Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动. 站点引用 Boots ...

Bootstrap 插件的选项

插件的选项

Bootstrap 插件的选项相关推荐

最新文章

热门文章