如何在ajax调用后重新初始化Owl Carousel？

8 浏览
0 Comments

如何在ajax调用后重新初始化Owl Carousel？

我正在尝试在成功的Ajax调用后重新初始化owl carousel。Ajax调用将更改数据，但视图应保持不变。我遇到的问题是视图轮播结构无法重新初始化。我不知道在哪里犯了错。

Ajax请求

$(document).on('click', '.category_list', function() {
    var category_id = $(this).attr('data-id');
    var _token = $('#_token').val();
    var param = 'category_id=' + category_id + '&_token=' + _token;
    $.ajax({
        type: "POST",
        datatype: "json",
        url: "/master/sub_category",
        data: param,
        success: function(result) {
            $('#test').html(result);
            var owl = $(".owl-carousel");
            owl.owlCarousel({
                items: 4,
                navigation: true
            });
        }
    });    
});

控制器函数

public function getImg() {
    $post_data = Request::all();
    $sub_img = $this->imgModel->getImgList($post_data);
    $sub_img_html = '';
    foreach ($sub_img ['data'] as $data_img ) {
        $img = '/img/sub_category/'.$data_img ['img'];            
        $sub_img_html .= '';
        $sub_img_html .= '';
        $sub_img_html .= '';
    }
    echo $sub_img_html;
}

视图


    '/>

0