我在这样的面板中有一个猫头鹰旋转木马:
<div role="tabpanel" class="tab-pane fade" id="tabAcessorios">
<div id="acessoriosCompativeis8x" class="featured-carousel brand-dot">
//itens here
</div>
</div>
当我单击链接以显示选项卡时,轮播已损坏:
我试图像这样触发刷新:
$("#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
});
答案 0 :(得分:0)
我设法通过在面板出现时销毁并重新创建轮播来解决该问题:
//tr/td[@name='price' and .='95']/parent::*