Foundation顶部栏:单击而不是悬停时切换下拉菜单
Foundation top bar: Toggle drop-down on click instead of hover
在Zurb Foundation的顶部栏中,鼠标悬停时可以切换下拉菜单。有没有标准的方法来改变这一点,让他们切换到点击/触摸?
要完成这种行为,我所要做的就是在点击时添加交互,所以:
$(function(){
$("li.has-dropdown").click(function(e){
$('.dropdown').toggleClass('changed');
return false;
});
});
并添加了一个"已更改"的css类,如下所示:
.changed {display:block !important;visibility:visible !important}
取自:https://groups.google.com/forum/#!主题/基础框架-/H3mqyv1_lo
相关文章:
- 悬停下拉菜单即使在鼠标移出后也保持活动状态
- Javascript-悬停时的Bootstrap下拉菜单打开子菜单的所有菜单级别
- 悬停时展开垂直下拉菜单,而不是单击
- 如何激活下拉菜单:在一个元素上单击768px宽度下方,在另一个元素上将鼠标悬停在768px上方
- 移动设备上的CSS下拉菜单.如何四处走动:悬停
- Javascript在悬停状态下制作下拉菜单 - 没有HTML中的硬编码
- 悬停时打开的引导下拉菜单
- 使下拉菜单在悬停时显示,并显示超时
- jQuery - 单击包含
- 下拉菜单的嵌套文本字段悬停
- 分机 4 鼠标悬停、鼠标退出和下拉菜单的问题
- 为什么我将鼠标悬停在项目上时无法更改下拉菜单颜色
- 在悬停下拉菜单上 JavaScript
- 将鼠标悬停在下拉菜单上时,JQuery 悬停下拉菜单消失
- li:在移动设备上悬停下拉菜单
- 悬停下拉菜单:点击父链接转到父页面
- VBA单击悬停下拉菜单
- CWSpear的悬停下拉菜单已准备就绪(require.js)
- Jquery悬停下拉菜单关闭问题
- Bootstrap Navbar悬停下拉菜单(如果不是移动的)
- 悬停下拉菜单无法使用 jquery