htmx - 在页面加载时加载 div，然后使用 htmx 每 n 秒加载一次？

Question

与 HTMX我知道我可以投票“/news” 每 2 秒这样:

<div hx-get="/news" hx-trigger="every 2s">div>

但是在页面加载后第一次触发之前需要 2s。我想要做的是在页面加载后立即触发对“/news”的调用，然后每 2 秒轮询一次。

我试过如下:

<div hx-get="/news" hx-trigger="on load or every 2s">div>

和

<div hx-get="/news" hx-trigger="on htmx:afterOnLoad or every 2s">div>

但是这些都不起作用。我如何使用 HTMX 做到这一点？

(我知道对于 HTMX 这通常是一种不好的做法，因为您可以在响应中包含来自服务器的数据，但出于好奇我想知道 :))

Answer 1

您可以添加以逗号分隔的多个触发器。所以这应该可以工作:

<div hx-get="/news" hx-trigger="load, every 2s">div>