如何使用 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 docs can be found here

编辑：请注意，我已经为 HTMX 添加了 CDN 脚本，并使用这些属性确认脚本正在运行，我只是不明白如何解决上述问题。

解决方法

HTMX 使用这种模式：

事件（例如按钮点击）
对服务器的http请求
来自服务器的 http 响应（包含一个 html 片段）
片段被应用到 DOM。

您的按钮被点击后，您需要收到一个 http 响应。也许我是盲人，但我认为您的代码中缺少这一点。

html htmx