Initialize preline JS components in a page displayed with ajax

[lethunder]

Discussed in https://github.com/htmlstreamofficial/preline/discussions/208

^{Originally posted by lethunder December 9, 2023} Hello guys, all preline js components like tabs inside a page i hide and show with ajax and append to DOM are no more working. How do i initialize preline in jquery on ajax:success

Exemple code $(document).on('ajax:success', ".display-in-offcanvas-js", function (event) {

var detail = event.detail;

var data = detail[0].body.innerHTML, status = detail[1], xhr = detail[2];

$(".application-offcanvas-js .content").html(data);

});

data contains html with preline js components

[nocodelab]

Hi, did you solve this issue?

[lethunder]

hey, nope

[lethunder]

Hello guys, any answer?

[jahaganiev]

Hey @lethunder - we've added an example here https://preline.co/docs/preline-javascript.html