Как реализовать динамическое обновление слайдера Owlcarousel?

$(".mediaSld .item").click(function() {
        console.log('0');
        var album_id = $(this).data('id');
        $.post(
            "",
            {
                'album_id': album_id
            },
            function (resp) {
                console.log(resp);
                $('#popUpSlider').html(resp);
                $(".popUpSld").fadeIn(600);
$('#popUpSlider').trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
$('#popUpSlider').find('.owl-stage-outer').children().unwrap();
                $("#popUpSlider").owlCarousel({
                    loop: true,
                    margin: 20,
                    nav:true,
                    items:3,
                    navText: ['<img src="../site/templates/image/leftBlack.svg" alt="">', '<img src="../site/templates/image/rightBlack.svg" alt="">'],
                    responsive: {
                        
                        0: {
                            items: 1
                        },
                        320: {
                            
                            items:1,
                        },
                        767: {
                           
                            items: 2,
                            margin: 10
                        },
                        991: {
                            items: 3,
                        },
                    }
                });
            }
        );
    });