HTMX 的多个触发器？

Posted 2023-05-07

【中文标题】HTMX 的多个触发器？

【英文标题】：Multiple triggers for HTMX?

【发布时间】：2021-09-24 21:42:18

【问题描述】：

我想知道是否可以为 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>

【参考方案1】：

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

<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>