概览

单个还是全部引入

JavaScript 插件可以单个引入（使用 uikit 提供的单个 *.js 文件），或者一次性全部引入（使用 ui.js 或压缩版的 ui.min.js）。

建议使用压缩版的 JavaScript 文件

ui.js 和 ui.min.js 都包含了所有插件，你在使用时，只需选择一个引入页面就可以了。

插件之间的依赖关系

某些插件和 CSS 组件依赖于其它插件。如果你是单个引入每个插件的，请确保在文档中检查插件之间的依赖关系。注意，所有插件都依赖 jQuery （也就是说，jQuery必须在所有插件之前引入页面）。建议jQuery版本1.11.0以上。

UMD

每个单独的组件js都使用UMD规范包裹，兼容目前流行的组件管理框架requirejs、seajs、webpack等，建议推荐使用requirejs

测试requirejs

data 属性

你可以仅仅通过 data 属性 API 就能使用所有的 ui 插件，无需写一行 JavaScript 代码。这是 ui 中的一等 API，也应该是你的首选方式。

                                
                                    <a data-toggle="modal" data-target="#myModal" >点击弹窗</a>

事件

Bootstrap 为大部分插件所具有的动作提供了自定义事件。一般来说，这些事件都有不定式和过去式两种动词的命名形式，例如，不定式形式的动词（例如 show）表示其在事件开始时被触发；而过去式动词（例如 shown ）表示在动作执行完毕之后被触发。

所有以不定式形式的动词命名的事件都提供了 preventDefault 功能。这就赋予你在动作开始执行前将其停止的能力。

                                
                                    $('#myModal').on('show.bs.modal', function (e) {
                                    if (!data) return e.preventDefault() // 阻止模态框的展示
                                    })