引导jquery插件

Question

我在试着学习Bootstrap的知识。我曾经使用jquery，我看到您可以选择应该包含哪些jquery插件，例如: Carousel功能、下拉列表、Modals、Togglable选项卡等等。

我的问题是，如果我想要包含另一个jquery插件，比如http://jqueryvalidation.org/来验证表单，这有可能吗？还是我必须只使用这里列出的插件http://getbootstrap.com/customize/?id=7634993#plugins

提前感谢

Answer 1

Bootstrap.js依赖于jQuery，本质上是用于各种页面组件的jQuery插件库。与jQueryUI类似，它也是插件库。

引导程序中的javascript组件可以通过使用为每个组件指定的data-属性或使用与大多数jQuery插件相同的初始化概念，在页面加载时自我初始化，创建插件方法的配置对象参数并将其分配给选择器。

使用data-属性，在页面加载时，bootsrap.js将在页面中查找所有这些属性，以便创建用于执行原子初始化的配置对象。

伪HTML

<div data-widgetName data-option_1="123" data-option_2="left">

简化jQuery解析data-，以使每个组件类型插件(由bootstrap.js透明地完成)

$('[data-widgetName]').each(function(){
    /* create config for this particular widget*/
    var widgetConfig={
         option_1: $(this).data('option_1'),
         option_2: $(this).data('option_2')
    }
     /* iniitalize this widget type plugin*/
    $(this).bootstrap_widgetName( widgetConfig)
});

现在，对库中的所有组件类型进行可视化处理。正如您所看到的，幕后的引导基本上是在手动编写插件初始化代码时所做的工作。

您也不必设置data-属性，您可以使用自己的代码通过传入适当的config对象来初始化它们。

$('a.popoverClass').popover({ /* options*/});

总之，使用bootsrap.js并不限制您使用其他插件，只可能试图与DOM结构可能已经更改的引导模块冲突，或者干扰绑定到引导插件交互元素的事件。