The hx-swap attribute allows you to specify how the response will be swapped in relative to the target of an AJAX request. If you do not specify the option, the ...

The hx-swap-oob attribute allows you to specify that some content in a response should be swapped into the DOM somewhere other than the target, that is “Out of ...

Продолжительность: 6:13
Опубликовано: 3 июл. 2024 г.

1 февр. 2024 г. · Thanks to @Gio, here's how I did it, using jinja to swap hx-trigger buttons on a form. In effect, overriding the default form loading.

I need a cancel function. I try with hx-swap="delete". But this will delete my #target in the template and hx-target no longer work.

6 авг. 2024 г. · I'm returning an HTML fragment, a list of <li> elements, as well as the replacement for a button, which has the hx-swap-oob="true" attribute set.

12 сент. 2023 г. · It's not possible to replace the body element. htmx converts the outerHTML to innerHTML swap value. See the notes on hx-swap documentation.

19 авг. 2024 г. · hx-swap determines how the response content is inserted into the DOM. hx-target specifies the element that will receive the swapped content.

15 янв. 2024 г. · The documentation on hx-swap for "delete" reads: delete - Deletes the target element regardless of the response I'm using this swap together ...

28 янв. 2024 г. · I have a <div class="card" hx-swap-oob="afterbegin:#card-grid"> The problem is that it inserts only what's inside the div.card into #card-grid.