javascript - htmx：通过“显示”的无休止滚动不起作用

Question

我想使用 htmx hx-trigger="revealed"来实现无限滚动。

我将此 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/返回大致相同的 HTML：它包含 Note-19 的数据，最后它告诉浏览器在“已显示”时加载 Note-18。

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

可能是什么原因？

更新

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

Answer 1

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

如果我添加一些内容（例如“...”），那么它可以工作。

我猜我的浏览器（Chrome）不会呈现空<div>，因此不会触发显示的事件。

使用非空<div>它可以工作。