htmx：通过“显示”无限滚动不起作用

问题描述

我想用 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 的数据，最后它告诉浏览器在“revealed”上加载 Note-18。

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

可能是什么原因？

更新

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

解决方法

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

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

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

使用非空的 <div> 就可以了。