MaterializeCSS 下拉菜单 Link 不可点击
MaterializeCSS Dropdown Link not clickable
我在 Wordpress 菜单上创建的 MaterializeCSS 下拉菜单 link 遇到了一个令人沮丧的问题。当我将鼠标悬停在顶级项目上时，我可以看到 link，例如关于 FAIRDOM，但我无法点击其中任何一个。我知道这可能是某个地方的问题，因为上面有一个隐藏元素可能会捕获点击事件，但我看不到在哪里。任何人都知道此站点中的问题所在 http://beta.fair-dom.org/ ?
MaterializeCSS 构建了他们的下拉菜单 "mobile-first"。从本质上讲，这对您来说意味着为下拉菜单提供支持的 JS 明确禁用所有下拉菜单的 href on click。这是因为，在移动设备上，用户不能悬停，只能触摸。
但是，如果您仍然想解决这个问题，可以尝试以下方法（假设您使用的是 jQuery）：
<script>
$('.dropdown-button').click(function() {
window.location.href = $(this).attr('href');
}
</script>
尝试在关闭 body 标签之前粘贴它，
我在 Wordpress 菜单上创建的 MaterializeCSS 下拉菜单 link 遇到了一个令人沮丧的问题。当我将鼠标悬停在顶级项目上时，我可以看到 link，例如关于 FAIRDOM，但我无法点击其中任何一个。我知道这可能是某个地方的问题，因为上面有一个隐藏元素可能会捕获点击事件，但我看不到在哪里。任何人都知道此站点中的问题所在 http://beta.fair-dom.org/ ?
MaterializeCSS 构建了他们的下拉菜单 "mobile-first"。从本质上讲，这对您来说意味着为下拉菜单提供支持的 JS 明确禁用所有下拉菜单的 href on click。这是因为，在移动设备上，用户不能悬停，只能触摸。
但是，如果您仍然想解决这个问题，可以尝试以下方法（假设您使用的是 jQuery）：
<script>
$('.dropdown-button').click(function() {
window.location.href = $(this).attr('href');
}
</script>
尝试在关闭 body 标签之前粘贴它，