我是如何为触觉设备启用下拉菜单的
How did I just enabled my dropdown menu for tactile devices?
我为桌面访问者提供了一个下拉菜单,HTML看起来如下:
<ul id="nav">
<li class="nav_header "><span class="main_menu_title">SERVICES</span>
<ul class="nav_header_inner">
<li><a href="/services/massage">Massage</a></li>
<li><a href="/services/therapy">Therapy</a></li>
<li><a href="/services/kindness">Kindness</a></li>
</ul>
</li>
</ul>
通过将鼠标悬停在li.nav_header
上,ul.nav_header_inner
将获得visible
。
显然,悬停在触觉设备上不起作用。点击li.nav_header
也没有任何作用。
为了实现这一点,我开始做一个js函数,如下所示:
function tappableMenu() {
jQuery("li.nav_header").click(function() {
});
}
只有那个代码,点击它就可以看到下拉列表。
这怎么可能
您可以使用此函数
$(function() {
jQuery("li.nav_header").click(function() {
$('.nav_header_inner').slideToggle(500);
});
});
以下是示例
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- angular的下拉菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 创建下拉菜单
- 下拉菜单在菜单按钮的边缘闪闪发光
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 硒IDE下拉菜单
- 我的下拉菜单中的链接不起作用
- Bootstrap Dropdown selection是在*all*下拉菜单上设置选择
- 我是如何为触觉设备启用下拉菜单的
- 选中复选框时启用下拉菜单
- 从单个下拉菜单启用选项卡
- 启用在日期选择器的下拉菜单中设置输入值
- 动态禁用/启用引导下拉菜单中的链接
- 启用第二个下拉菜单一旦某些东西被选中在下拉菜单1
- Angularjs在ng-repeat中启用了禁用的下拉菜单
- 解锁/启用用户当前选择的相邻下拉菜单
- 在文本框中键入所有值后启用下拉菜单
- 我想通过管理面板的下拉菜单启用或禁用“博客文章”
- 启用禁用下拉菜单和提交按钮