htmx get/post 请求交换后 JavaScript 无法运行

Question

我正在构建一个Django项目，并尝试使用htmx获取和发布数据，一切正常，这意味着我可以获取和发布数据，这没有问题，但问题是在数据被交换后引导下拉列表或工具提示或其他需要一些 javascript 才能运行的元素，包括 jQuery 轮播不再起作用，我认为错误是因为在 htmx 交换之后，总是有新的数据添加或替换到 DOM，所以新的数据任何脚本不再支持数据。 那么我该如何处理这个问题？ 更新：

我想到的一个解决方案是强制浏览器

重新加载（重新下载）

脚本而不刷新页面，但我不知道如何实现这一点，请帮忙！

无需重新加载 js 源文件。 你需要的是

htmx.onLoad

Answer 1

查看

此处

了解更多信息。

htmx.onLoad(function(content) {
    // reinitialize your bootstrap elements here
});

将 Bootstrap JS 从身体移动到头部修复了 Bootstrap 5.3 和 HTMX 1.9.10 的问题。

Answer 2

hx-target

和

body

不再杀死 Bootstrap 组件。

您可以尝试以交换形式不扩展 {% extends 'base.html' %} 吗

Answer 3