Idnangero Swiper is not working for Dynamic data

This is html content

<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" id="contentDiv">------>am adding dynamic content here<------

    </div>
    <!-- Add Pagination -->

    </div>
    <!-- Add Arrows -->
<div class="swiper-pagination"></div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
</div>

and this is script

<script> var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: true, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', spaceBetween: 30 }); </script>

Is there anything else, Please help me

[nolimits4web]

Works without any problems:

<div class="swiper-container">
    <div class="swiper-wrapper"></div>
</div>

// Add slides dynamically
for (var i = 0; i < 10; i++) {
    $('.swiper-wrapper').append('<div class="swiper-slide">Slide ' + i + '</div>');
}
// And init swiper
var swiper = new Swiper('.swiper-container');

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.