htmx.process()

Синтаксис

htmx.process(element)
htmx.process(element, force)

Параметры

• element — DOM-элемент для обработки
• force — (необязательно) если true, очищает и сбрасывает существующее состояние htmx перед обработкой. Используйте после ручного изменения атрибутов hx у уже инициализированного элемента

Использование

Используйте при динамическом добавлении на страницу HTML с атрибутами htmx:

// Add new content to the page
const newContent = document.createElement('div');
newContent.innerHTML = '<button hx-get="/api/data">Load</button>';
document.body.appendChild(newContent);

// Process htmx attributes on the new content
htmx.process(newContent);

Используйте force после ручного изменения атрибутов hx у уже инициализированного элемента:

const btn = document.querySelector('#my-btn');
btn.setAttribute('hx-trigger', 'keyup');
htmx.process(btn, true);

Примечания

• Автоматически вызывается htmx после замены содержимого
• Полезно при ручной вставке HTML с атрибутами htmx
• Обрабатывает элемент и всех его потомков
• Перед обработкой вызывает событие htmx:before:process
• Инициализирует обработчики событий для hx-get, hx-post и т. д.
• Настраивает улучшенные ссылки и формы
• Обрабатывает атрибуты hx-on
• Если force равно true, перед повторной инициализацией вызывает событие htmx:before:cleanup