hx-swap-oob

Атрибут hx-swap-oob позволяет указать, что некоторое содержимое ответа должно быть вставлено в DOM не в целевое место, а «вне очереди». Это позволяет подключать обновления к другим обновлениям элементов в ответе.

Рассмотрим следующий HTML ответа:

<div>
 ...
</div>
<div id="alerts" hx-swap-oob="true">
    Saved!
</div>

Первый div будет заменён в целевом элементе обычным способом. Второй div, однако, будет заменён элементом с id alerts, и не окажется в целевом элементе.

Значение hx-swap-oob может быть:

• true
• любое допустимое значение hx-swap
• любое допустимое значение hx-swap, за которым следует двоеточие и CSS-селектор

Если значение равно true или outerHTML (что эквивалентно), элемент будет заменён встраиваемо.

Если задано значение замены, будет использована соответствующая стратегия замены.

Если задан селектор, все элементы, соответствующие этому селектору, будут заменены. В противном случае элемент с ID, соответствующим новому содержимому, будет заменён.

Примечания

• hx-swap-oob не наследуется