如何在Bootstrap 3中使用Collapse插件时避免使用jQuery?

时间:2014-02-15 01:07:32

标签: jquery performance twitter-bootstrap twitter-bootstrap-3

问题概述很简单,我正在使用Bootstrap 3,我严格要求我正在使用的组件和插件。

效果是此项目的一个关键功能。

对于navbar组件,我想使用collapsible功能来触发移动设备。我需要该功能。

官方Bootstrap文档明确说明:

  

另请注意,所有插件都依赖于jQuery(这意味着在插件文件之前必须包含jQuery)

collape.js插件只有4.84 kb的大小。

依赖项transition.js只有1.544 kb的大小。

我有点担心,对于这个特定的项目来说,仅仅包含jQuery以允许这个“基本”功能是有点过分。

到目前为止,我有这些可能的解决方案:

  • 没有jQuery备选方案的Bootstrap:我看到some projects触发了这个问题,但我的主要抱怨是缺乏支持。提到的项目实际上超过9个月没有一次提交(至少在主分支中)。 修改:事实上,经过尝试,此选项似乎不适用于Boostrap 3。

  • 手动重写:重写功能以消除插件的jQuery依赖性似乎也有点过分。

  • 使用jQuery特定模块: jQuery项目声称可以创建排除jQuery功能子集的特殊构建。这似乎是正确的道路但是,我现在还不知道jQuery的哪些子集是支持崩溃插件的基本要素。

同样,问题恰恰是:

如何在Bootstrap 3中使用折叠插件时避免使用jQuery?

编辑:

  • Codepen:我创建了codepen example隔离方案。

  • Zepto: zepto.js库似乎不起作用。

1 个答案:

答案 0 :(得分:0)

您可以尝试使用http://zeptojs.com/。它被称为jQuery的半替代品并且它更小。如果您只想定位支持其他库所需的特定类jQuery功能,也可以执行自定义构建。