如何解决如何使用 HTMX 打开和关闭标题中的下拉菜单?
我正在玩 HTMX,在阅读文档后,我对如何从我的标题中创建 df2 = pd.json_normalize(df['result'])
df2.to_excel('output.xlsx') # save dataframe as new excel file
激活下拉列表 <button>
有点困惑。
这是我目前所拥有的,这个按钮应该包含 <div>
属性以打开 HMTX
aka 下拉菜单,ID 和名称为 <div>
(命名仅用于测试目的)。
response
如图所示,这个 div 将下拉菜单包装在一起。
<button
type="button"
aria-expanded="false"
hx-get="#response"
hx-target="#response"
hx-indicator=".htmx-indicator"
>
以下是所有内容,我使用的模型取自 TailwindCSS(HTMX 属性除外):
<div
id="response"
name="response"
>
截至目前,在开发中进行测试时,一旦页面加载,我的 NAV 栏中的每个下拉菜单都会立即打开。在点击 NAV 标题后,没有适当的事件来声明何时应出现下拉列表。
如何修复和使用 HTMX 来解决此问题?
编辑:请注意,我已经为 HTMX 添加了 CDN 脚本,并使用这些属性确认脚本正在运行,我只是不明白如何解决上述问题。
解决方法
HTMX 使用这种模式:
- 事件(例如按钮点击)
- 对服务器的http请求
- 来自服务器的 http 响应(包含一个 html 片段)
- 片段被应用到 DOM。
您的按钮被点击后,您需要收到一个 http 响应。也许我是盲人,但我认为您的代码中缺少这一点。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。