第1833天:hover-dropdown插件使用注意点,屌丝团记忆(33) 令人振奋的数据

星期一 (昨夜阵雨)上午阴转多云,下午阵雨(大) 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) 令人振奋的数据

今天有个商家告诉我们一个数据,让我们看到了我们的价值和市场前景。

集体兴奋。

RSS

上一篇:

下一篇:

发表评论

电子邮件地址不会被公开。 必填项已用*标注