在布局上一节所讨论的部分只是一个开始。自举，12的jQuery插件，扩展功能，增加更多互动的网站。即使你不是一个先进的Javaｓｃｒｉｐｔ开发人员，你也可以开始学习引导的Javaｓｃｒｉｐｔ plug-in.with引导数据API（引导数据的API），大多数该插件可以触发，无需编写任何代码。

站点有两种方法可以引用自举插件。

独立的参考：使用个人*。JS文件的引导。一些插件和CSS组件依赖于其他plug-ins.if你指的插件分开，请确保这些插件之间的依赖关系的要求。

编译（同时）参考：bootstrap.js或使用的bootstrap.min.js压缩版。

不要尝试引用两个文件在同一时间，因为bootstrap.js和bootstrap.min.js包含所有插件。



所有的jQuery插件依赖。所以你必须在插件文件引用jQuery。请访问bower.json看到jQuery的当前版本，引导支持。

1，数据属性

您只能通过数据属性API使用所有引导插件，而不需要编写Javaｓｃｒｉｐｔ代码行，这是自举中的第一类API，它应该是您的首选。

然后，在某些情况下，可能需要关闭这个函数。因此，我们还提供了一种关闭数据属性API的方法，即将数据API作为名称空间绑定到事件并绑定到文档中：

$（文档）关闭（数据API）

如果需要关闭某个特定的插件，只需在数据API名称空间中添加插件名称作为名称空间，如下所示：

$（文档）



2。API设计

我们提供所有的引导plug-ins.all公共API API纯Javaｓｃｒｉｐｔ模式是由一个单一的或链调用和返回的元素的集合，它们支持（在调用该jQuery调用形式为例）：




$（。BTN。危险）。Button（切换）。AddClass（胖）



所有方法都可以接受可选选项，对象作为参数，或者表示特定方法的字符串，或者不包含任何参数。在这种情况下，插件将被初始化为默认行为。




初始化为默认行为
$（# mymodal ）Modal（）。
对键盘初始化的支持不足
$（# mymodal）。模态（{键盘：假}）
初始化并立即调用该显示
$（# mymodal ）模态（'show）。


每个插件也暴露出其原始的构造函数构造函数属性：美元。fn.popover.constructor.if你想得到一个特定的插件的实例，可以直接通过网页元素：

$（{ }rel= popover）数据（'popover）。



3，避免名称空间冲突

在某些时候，Bootstrap插件可能需要使用其他UI框架。在这种情况下，有可能是一个命名空间冲突。如果这是不幸的，你可以通过调用插件the.noconflict方法恢复其原有价值。




/ /返回指定的值之前fn.button美元。
无功bootstrapbutton =美元。fn.button.noconflict（）
（。bootstrapbtn）/ $引导功能
fn.bootstrapbtn = bootstrapbutton美元。



4。事件

Bootstrap提供了最plug-ins.generally来说独特的行为习惯的事件，这些事件有两种形式：

动词不定式：这将在活动开始前触发。例如：显示。动词不定式的事件提供preventDefault函数。这使得活动开始之前停止执行的操作。




$（# mymodal '），（'show。BS。模态功能（e）{ {）
停止/显示框模式
如果（！数据）返回e.preventDefault（）
}）


过去分词形式：这将在动作完成后触发。

以上是引导插件的简单概述，希望能帮助您理解引导程序插件。