AlpineJS，我的标题下拉菜单适用于大屏幕，但不适用于移动响应菜单？答案

【问题标题】：AlpineJS, my header dropdown works for large screens but not for the mobile responsive menu?AlpineJS，我的标题下拉菜单适用于大屏幕，但不适用于移动响应菜单？
【发布时间】：2021-08-16 09:59:00
【问题描述】：

我正在尝试使用 AlpineJS 为我的标题 NAV 关闭和打开下拉菜单。标题可响应大屏幕和移动屏幕。我可以让标题下拉菜单在大屏幕上工作，但由于某种原因它不能在移动屏幕上工作？我基本上使用完全相同的语法并尝试了许多其他语法。仍然没有运气。也许这是一个错误？如果我在这里做错了，有人可以告诉我吗？

Here is my CodeSandbox 我正在使用 TailwindCSS，并且大部分时间都在其中，以复制我的问题。

请注意我的移动菜单按钮隐藏在大屏幕上，位于line 42

它打算打开的下拉列表<div>在线327

有什么解决办法吗？

【问题讨论】：

标签： javascript html alpine.js

【解决方案1】：

它现在可以工作了，你的按钮有问题，它们隐藏在其他 div 后面，实际上无法访问。我什至删除了一个按钮

https://codesandbox.io/s/async-field-os411?file=/index.html:0-16377&resolutionWidth=320&resolutionHeight=675

【讨论】：