htmx：通过 "revealed" 无限滚动不起作用

Question

我将此 html 发送到浏览器。在这种情况下，Note-20 应该加载下一个音符（Note-19）：

    <h1 class="">Note-20</h1>
    <p class="">foo</p>
    <div hx-get="/note/19/" hx-trigger="revealed" hx-swap="outerHTML" class=""></div>

URL/note/19/returns大致相同HTML：它包含Note-19的数据，最后它告诉浏览器加载Note- 18 关于“揭露”。

这适用于第一个音符。但随后它停止了。

可能是什么原因？

更新

我创建了一个简单的演示应用程序来展示如何将 htmx 与 Django 一起使用：django-htmx-fun

Answer 1

我找到了一个解决方案：在上面的代码中，通过 hx-get 触发加载的 <div> 是空的。

如果我添加一些内容（例如“...”），那么它会起作用。

我想我的浏览器 (Chrome) 没有呈现空的 <div> 因此没有触发显示的事件。

使用非空 <div> 即可。

htmx: Endless scrolling via "revealed" does not work