Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Bootstrap3中使用折叠插件时如何避免jQuery?_Jquery_Performance_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

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

在Bootstrap3中使用折叠插件时如何避免jQuery?,jquery,performance,twitter-bootstrap,twitter-bootstrap-3,Jquery,Performance,Twitter Bootstrap,Twitter Bootstrap 3,问题概述很简单,我使用的是Bootstrap3,我严格要求使用的组件和插件 性能是本项目的一个关键特性 使用navbar组件,我想使用该功能来触发移动设备。我只需要那个功能 官方引导文档明确指出: 还要注意,所有插件都依赖于jQuery,这意味着jQuery必须在插件文件之前包含 该插件只有4.84KB大小 依赖项的大小只有1.544KB 我有点担心的是,对于这个特定的项目来说,仅仅为了允许这个基本特性而包含jQuery有点过分了 到目前为止,我有以下可能的解决方案: 没有jQuery替代方案的

问题概述很简单,我使用的是Bootstrap3,我严格要求使用的组件和插件

性能是本项目的一个关键特性

使用navbar组件,我想使用该功能来触发移动设备。我只需要那个功能

官方引导文档明确指出:

还要注意,所有插件都依赖于jQuery,这意味着jQuery必须在插件文件之前包含

该插件只有4.84KB大小

依赖项的大小只有1.544KB

我有点担心的是,对于这个特定的项目来说,仅仅为了允许这个基本特性而包含jQuery有点过分了

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

没有jQuery替代方案的Bootstrap:我看到它触发了这个问题,但我的主要抱怨是缺乏支持。提到的项目实际上已经有9个多月没有一次提交了,至少在主分支中是这样。编辑:事实上,在尝试了一点之后,这个选项似乎对Boostrap3不起作用

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

使用jQuery特定模块:jQuery项目声称可以创建排除jQuery功能子集的特殊构建。这似乎是正确的路径,但我现在不知道jQuery的哪些子集是支持折叠插件的关键

同样,问题恰恰在于:

在Bootstrap3中使用折叠插件时,如何避免jQuery

编辑: Codepen:我在箱子里装了一个隔离场景的盒子

Zepto:Zepto.js库似乎不起作用


你可以试着用它来代替。它是jQuery的半替代品,而且更小。如果您只想针对支持其他库所需的特定jQuery类功能,还可以进行自定义构建。

ZeptoJS似乎不起作用,我在本地测试了它,并创建了一个代码笔。编辑问题以反映反馈。