javascript - AlpineJS,我的标题下拉菜单适用于大屏幕,但不适用于移动响应菜单?
问题描述
我正在尝试使用 AlpineJS 为我的标题 NAV 关闭和打开下拉列表。标题可响应大屏幕和移动屏幕。我可以让标题下拉菜单在大屏幕上工作,但由于某种原因它不能在移动屏幕上工作?我基本上使用完全相同的语法并尝试了许多其他语法。仍然没有运气。也许这是一个错误?如果我在这里错了,有人可以告诉我吗?
这是我正在使用 TailwindCSS 的 CodeSandbox,大部分内容都留在了那里以复制我的问题。
请注意我的移动菜单按钮隐藏在大屏幕上,它打开line 42
<div>
它打算打开的下拉列表在线327
有什么解决办法吗?
解决方案
它现在正在工作,您的按钮存在问题,它们隐藏在其他 div 后面,实际上无法访问。我什至删除了一个按钮
推荐阅读
- javascript - 如何在 svg 路径上覆盖 Html 元素
- apache-spark - 选择列时出现奇怪的 Spark SQL 行为
- ruby-on-rails - 在 Heroku 生产环境中创建文件
- .net - ApplicationStart 方法之前经历的过程 - .NET MVC 网站
- django - 如何保护用户免于在 django 中编辑其他博客文章?
- c++ - 我可以使用以前设置的变量来创建下一个类成员吗?
- apache-camel - 如何通过 ActiveMQ 在 Camel 路由之间高效传递 XML 文档
- c# - 对类的每个类变量使用“this”关键字是一种好习惯吗?
- javascript - Javascript循环替换字符串中的数据
- uwp-xaml - 如何将子项添加到堆栈面板并在滚动堆栈面板时保持堆栈面板下方的 grid.row 可见?