Owl carousel items are not working when appended dynamically using ajax,jquery

[akbar-ardiansyah]

owl carousel items are not working when appended dynamically using ajax,jquery below is my ajax code..any help will be really appreciated..

for (let index = 0; index < count.length; index++) {
                    let i = index + 1;
                    $('.owl-carousel').append(`
                        
                            <div class="bg-primary text-white position-absolute p-1 rounded">${response[i].name_category}</div>
                            <div class="mini-card-hero" style="background-image: url('${base_url + "uploads/images/article/" + response[i].gambar}');">
                                <div class="p-3">
                                    <a href="artikel/${response[i].title_seo}">
                                        <h3 class="text-light mt-3">${response[i].title}</h3>
                                    </a>
                                    <p>${response[i].excerpt}</p>
                                </div>
                            </div>
                        
                    `)
                }