htmx:after:process ~ htmx

The htmx:after:process event fires after htmx has finished processing a DOM node or subtree.

When It Fires

After initial page load processing completes
After new content has been processed and behaviors attached
After htmx.process() completes

Event Detail

Empty - no additional context provided.

Example


htmx.on('htmx:after:process', (evt) => {
  console.log('Finished processing:', evt.target);
  // Initialize third-party widgets on processed content
});

This is useful for initializing JavaScript widgets after htmx processes new content.