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

【问题标题】：htmx: Endless scrolling via "revealed" does not workhtmx：通过“显示”的无休止滚动不起作用
【发布时间】：2021-05-03 19:00:15
【问题描述】：

我想用htmxhx-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

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：