猫头鹰旋转木马在选项卡面板内部损坏

时间:2019-06-11 12:31:41

标签: asp.net-mvc owl-carousel

我在这样的面板中有一个猫头鹰旋转木马:

  <div role="tabpanel" class="tab-pane fade" id="tabAcessorios">
            <div id="acessoriosCompativeis8x" class="featured-carousel brand-dot">
            //itens here
            </div>
    </div>

当我单击链接以显示选项卡时,轮播已损坏:

enter image description here

我试图像这样触发刷新:

$("#acessoriosCompativeis8x").trigger("refresh.owl.carousel");

但是没有用。我在这里想念什么?

这是导航定义:

<ul class="nav nav-tabs nav-stacked" role="tablist">
                                                                            <li role="presentation" class="active"><a href="#tabFocoPre" class="waves-effect waves-light" role="tab" data-toggle="tab">FOCO/PRÉ-PAGO</a></li>
                                                                            <li role="presentation"><a href="#tabIndividual" class="waves-effect waves-light" role="tab" data-toggle="tab">INDIVIDUAL</a></li>
                                                                            <li role="presentation"><a href="#tabFamilia" class="waves-effect waves-light" role="tab" data-toggle="tab">FAMÍLIA</a></li>
                                                                            <li role="presentation"><a href="#tabControle" class="waves-effect waves-light" role="tab" data-toggle="tab">CONTROLE</a></li>
                                                                            @if (Model.AcessoriosCompativeis != null)
                                                                            {
                                                                                <li role="presentation"><a href="#tabAcessorios" class="waves-effect waves-light" role="tab" data-toggle="tab">Acessórios Compatíveis</a></li>
                                                                            }
                                                                        </ul>

这是轮播的定义:

$('#acessoriosCompativeis8x').owlCarousel({
            items: 2,
            lazyLoad: true,
            loop: true,
            margin: 10,
            autoplay: true,
            autoplayTimeout: 5000
        });

1 个答案:

答案 0 :(得分:0)

我设法通过在面板出现时销毁并重新创建轮播来解决该问题:

//tr/td[@name='price' and .='95']/parent::*