HTMX 的多个触发器？

编程问答 2022-11-24

问题描述

我想知道是否可以为 HTMX 启用多种触发器类型。我想要做的是在内容更改或页面加载时触发 HTMX。到目前为止，如果我在 hx-trigger 中包含两种触发器类型，则只执行第一个触发器；因此在下面的示例中，HTMX 仅在内容更改时触发。

<select name="area" id="area" hx-post="/api/search" hx-trigger="change load" hx-target="#neighborhood" class="block">
  <option>eby</option>
  <option>nby</option>
  <option>pen</option>
  <option>sfc</option>
  <option>scz</option>
  <option>sby</option>
</select>

解决方法

就像用逗号分隔触发器类型一样简单：

<select name="area" id="area" hx-post="/api/search" hx-trigger="change,load" hx-target="#neighborhood" class="block">
  <option>eby</option>
  <option>nby</option>
  <option>pen</option>
  <option>sfc</option>
  <option>scz</option>
  <option>sby</option>
</select>
flaskhtmlhtmxjavascript