借助HTMXJS及其伴侣_hyperscriptJS的强大和优雅，只需几行代码即可编写选择、上传 (POST) 多个文件并显示进度条并显示它们的代码：

和upload.php：

但现在我想添加网络错误处理。我知道 HTMX 会触发 htmx:sendError，但我不明白如何将其添加到我上面的代码中，以便如果出现网络错误，它会弹出一个警报（或将错误交换/显示为 a <div>）

我确实通过htmx更新了一个 html 片段。

如何加载这个新片段所需的 JS 库？

代码片段加载后如何执行函数？

例子：

在将 html 片段添加到页面后，我想显示一个快乐的动画（五彩纸屑）。

这意味着浏览器需要加载这个：

加载上述 lib 之后，需要执行一个 JS 函数。

如何用 htmx 做到这一点？

有几篇关于如何使用 javascript 将表单动态添加到 Django 表单集的文章。例如this或this。

我刚刚了解了htmx。

如何使用 htmx 而不是手动编码的 javascript 将表单动态添加到 Django 表单集？我想也许我可以使用click-to-load，但是回调服务器以获得空行似乎很奇怪。也许这不是 htmx 的事情。

你如何为Htmx编写单元测试？

堆栈溢出不允许我发布这么短的问题，所以这一段说我没有看到有关此的文档或库。

编辑：具体来说，我希望在 Django 中进行单元测试。

我正在尝试以与https://htmx.org/examples/bulk-update/类似的方式使用 CSS 转换来显示更新了哪一行，但我无法让它在使用 HTMX 1.3 的示例中工作.3

相关的 HTML 是：

单击 div A 或 div B 时，服务器会再次返回上述 HTML，但class="updated"会应用于相关 div。

我还有以下 CSS：

我希望看到单击的 div 显示一个边框并且还会闪烁绿色。但是我观察到的是：

• 我点击 div A。
• div A 显示边框但不闪烁。
• 我点击 div B。
• div B 显示边框，但 div A 闪烁。
• 从此，我点击的div显示了边框，但是上一回合点击的div却闪现了。

我猜这与应用/删除htmx-settling类的时间以及交换的内容何时获得新类有关。我已阅读https://htmx.org/docs/#request-operations和https://htmx.org/docs/#css_transitions，但看不到我哪里出错了。

如果我使用hx-swap-oob，则会出现错误：

按“运行代码片段”后，然后按1：

模拟http 端点返回：

在上面的示例中，我使用了非缩小版本，因此错误消息是：eltOrSelector.querySelectorAll is not a function

如果我使用这个端点，它不会失败：https ://run.mocky.io/v3/2ab904eb-23a9-4006-b68b-f112b55841f3

但在我的用例中，新的 html 片段应该是<tr>...</tr>，而不是<div>......

JS 堆栈跟踪：

更新

我可以将问题缩小到这个：

这失败了：

更新2

嗯，现在我知道它为什么失败了：

parseFromString()Chrome的根本原因是：

更新3

后续问题：Make parseFromString() 解析而不验证

更新4

我创建了一个问题，希望有更多创造力的人知道如何解决这个问题：https ://github.com/bigskysoftware/htmx/issues/469

我正在尝试使用django-htmx用 Django 和htmx实现一种类似按钮，但我不知道如何将作为参数传递给我的视图以保存相关项目。id

（简化的）表格显示了这样的项目：

这个想法是通过点击例如第一个“None”，Django应该将数据库中第一个项目的like-value更改为“True”，这应该反映在表中：

该表由如下模板生成：

单击“无”，请求以下功能：

我的问题：request.POST是空的，我不知道如何将 传递id给函数。（我不明白这个参数是如何与 htmx 一起工作的：https ://htmx.org/docs/#parameters ）

有人对我有提示吗？

我将https://unpkg.com/htmx.org@1.3.3/dist/htmx.min.js.gz添加到我的 jsfiddle 中，但现在我得到：

CORB：跨域读取阻塞

有没有办法解决这个问题？

JSFiddle：https ://jsfiddle.net/thomas_guettler/7cLy8m5u/3/

代码：

如果我使用此 URL：https ://unpkg.com/htmx.org@1.3.3/dist/htmx.min.js

然后我得到

CORS 策略已阻止从源“https://fiddle.jshell.net”访问“https://raw.githubusercontent.com/guettli/html-fragments/main/fragments/simple-div.html”处的 XMLHttpRequest ：对预检请求的响应未通过访问控制检查：它没有 HTTP ok 状态。

我正在尝试将 bootstrap-datepicker 与 HTMX 一起使用。

在日期更改时，我想将日期用作 hx-post 的参数，但我不知道如何处理这个问题。

我有一个带有工作引导日期选择器的JSFiddle，并且正在尝试使用方法的值发布到/dateurl该changeDate事件getDate。

我什至接近吗？我试图使用 htmx 网站上的可排序示例作为起点。我想我不明白事件触发时如何实际做某事。

任何帮助都感激不尽。

我在玩 HTMX，在阅读了文档之后，我对如何<button>从我的标题中激活一个下拉菜单有点困惑<div>。

这是我到目前为止所拥有的，这个按钮应该包含HMTX打开<div>aka 下拉列表的属性，其 id 和名称为response（命名仅用于测试目的）。

如此处所示，此 div 将下拉列表包装在一起。

这是所有内容，我使用的模型取自 TailwindCSS（HTMX 属性除外）：

截至目前，在开发测试时，我的 NAV 栏中的每个下拉菜单都会在页面加载后立即打开。单击 NAV 标题后，没有适当的事件来声明下拉菜单何时出现。

如何修复和使用 HTMX 来解决此问题？

HTMX 文档可以在这里找到

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