ABROAD：bootstrap中的dropdown组件改造click为hover

在使用

bootstrap

制作后台时用到了响应式导航条，其中

dropdown

组件更是用的比较多，用的多需要点击的就多，

dropdown

默认鼠标左键单击才展开，如果使用鼠标放上去（

hover

）就展开则会省去点击时间，这样能提高效率。

原本的改造思路是：给

dropdown

元素绑定

hover

事件，

hover

上去的时候，执行该元素的

click

事件——即把

hover

同步为

click

，

hover

即为

click

。

但想到与其自己来改造，不如先在网上搜索搜索看看有没有现成的插件，果不其然就搜索到了，托管在

github

上的代码网址：查看

在这儿就直接把代码复制出来：

可以看到作者在插件前面加了个分号

;

，增加了插件的兼容性，因为可能上一个

js

代码没写

;

，如果在此不加分号则可能因为没换行导致

js

出错。

插件支持

HTML

元素

data-*

传参，也支持初始化传参。将此

js

代码放在

bootstrap

原本的

js

代码后面执行即可。