动态加载元素内的 htmx 功能,通过自定义 JS 在动态加载的元素上初始化 htmx

Htmx-functionality inside dynamically loaded elements, Initialize htmx on Dynamically Loaded Elements via Custom JS

提问人:davidman77 提问时间:9/14/2023 更新时间:10/2/2023 访问量:241

问:

动态加载具有 HTMX 属性的元素后,HTMX 函数似乎不会在动态加载的 alements 上激活。重要的是要知道动态加载的 alements 是用自定义 js 加载的,而不是通过 htmx 加载的,但它无论如何都需要工作。 或者换句话说:我怎样才能让 htmx 知道新添加的 html 加载了非 htmx ajax?

JavaScript ajax dom HTMX

评论


答:

0赞 davidman77 9/14/2023 #1

看来我已经找到了答案。htmx.process 发挥了魔力。 使用 jquery 回调函数的示例:

$('#mydiv').load( url2load , function() {
        if (typeof htmx !== "undefined") { 
            htmx.process(document.getElementById('mydiv'));
        }
    })
0赞 danjessen 10/2/2023 #2

愚蠢的问题......但是您正在使用 jQuery 来 ajax 加载内容。但是 htmx 也是一个加载 Ajax 内容的库吗?

我的解决方案是

<div id="mydiv" hx-get="url" hx-trigger="load" hx-target="this">