引导程序模式中的猫头鹰轮播无法正确呈现

问题描述

在这样定义的局部视图中有一个“猫头鹰轮播2”:

$(document).ready(function () {

        $('.owl-carousel').owlCarousel({
            loop: true,margin: 15,nav: true,navText: ["<div class='nav-btn prev-slide'>Anterior</div>","<div class='nav-btn next-slide'>Próximo</div>"],responsive: {
                0: {
                    items: 1
                },600: {
                    items: 3
                },1000: {
                    items: 3
                }
            }
        })
})

这是html:

                <div class="row">
                    <div class="col-md-12 col-sm-12 col-lg-12 col-xs-12">
                        <div class="owl-carousel owl-theme">
                            @if (Model.ListaimagensVAT != null)
                            {
                                foreach (VivoMais.Repositorio.Entidades.BaseVAT Tela in @Model.ListaimagensVAT)
                                {
                                    <div class="item">
                                        <img src="@Tela.urlImagem" alt="Image" style="max-height:240px;min-height:240px;max-width:240px; margin:auto;display:block">
                                    </div>
                                }
                            }
                        </div>
                    </div>
                </div>

渲染时,它的显示与图像完全相同。但是,如果我按f12键打开chrome控制台并关闭它,它将正常显示。如何解决错误

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)