问题概述很简单,我正在使用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
库似乎不起作用。
答案 0 :(得分:0)
您可以尝试使用http://zeptojs.com/。它被称为jQuery的半替代品并且它更小。如果您只想定位支持其他库所需的特定类jQuery功能,也可以执行自定义构建。