bootstrap的导航改造
在使用bootstrap
制作后台时用到了响应式导航条,其中dropdown
组件更是用的比较多,用的多需要点击的就多,dropdown
默认鼠标左键单击才展开,如果使用鼠标放上去(hover
)就展开则会省去点击时间,这样能提高效率。
原本的改造思路是:给dropdown
元素绑定hover
事件,hover
上去的时候,执行该元素的click
事件——即把hover
同步为click
,hover
即为click
。
但想到与其自己来改造,不如先在网上搜索搜索看看有没有现成的插件,果不其然就搜索到了,托管在github
上的代码网址:查看
在这儿就直接把代码复制出来:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
|
可以看到作者在插件前面加了个分号;
,增加了插件的兼容性,因为可能上一个js
代码没写;
,如果在此不加分号则可能因为没换行导致js
出错。
插件支持HTML
元素data-*
传参,也支持初始化传参。将此js
代码放在bootstrap
原本的js
代码后面执行即可。
- 上一篇 »响应式网页设计简单入门
- 下一篇 »[PHP] 存储改造中的逻辑和清理遗留的问题