星期一 (昨夜阵雨)上午阴转多云,下午阵雨(大) 20~30℃
bootstrap-hover-dropdown 插件使用注意点
bootstrap-hover-dropdown 是在 bootstrap-dropdown 基础上开发的插件,所以需要引入两个 js
bootstrap-dropdown.js
bootstrap-hover-dropdown.js
尽量不要把 dropdown 的 class 直接写在 <li> 上 ,可能会有一些意想不到的问题,如果非要在 <li> 内使用,可以这样:
<li>
<div class="dropdown">
<a style="display:inline-block;" href="javascript:void(0);" data-toggle="dropdown" data-hover="dropdown" data-delay="200">下拉 <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Why Would</a></li>
<li><a href="#">A Home Tab</a></li>
<li><a href="#">Have Dropdowns?</a></li>
</ul>
</div>
</li>
还有一个很重要的,<b class="caret"></b> 下拉箭头的问题,鼠标经过箭头时会导致下拉菜单显示异常。
解决方法有两个:
1、在全局 js 下增加一段:
$(‘.dropdown .caret’).on(‘mouseover’, function (e) {
$(this).parent().mouseover();
});
2、不要使用 <b class="caret"></b>,而是在 .dropdown 通过 background 来加入下拉箭头的小图标。
如果要禁用主菜单的 click 事件,可以这样:
$(‘.dropdown’).on(‘click’, function () {
return false;
});
屌丝团记忆(33) 令人振奋的数据
今天有个商家告诉我们一个数据,让我们看到了我们的价值和市场前景。
集体兴奋。