猫头鹰旋转木马 2 不适用于 wordpress 星空主题

Posted 2023-05-09

【中文标题】猫头鹰旋转木马 2 不适用于 wordpress 星空主题

【英文标题】：Owl Carousel 2 not Working in wordpress starry theme

【发布时间】：2019-06-05 02:08:15

【问题描述】：

以下是我的 WordPress 和插件详细信息的详细信息。

WordPress 详细信息：

WordPress 版本：4.9.8

WordPress jQuery 1.12.4

插件详情：

猫头鹰轮播 jQuery 1.0.0

插件版本：2.1

使用的 WordPress 版本：3.0.1 或更高版本

测试到：4.9.9

[tc-owl-carousel] 短代码

谢谢你给我明确的指示。

下面是owl carousel相关的html代码：

<div class="tcowl-wrap tc-carousel-container">
   <div class="owl-carousel owl-theme tcowl-nav" style="opacity: 1; display: block;">
    <div class="owl-wrapper-outer autoHeight" style="height: 452px;">
        <div class="owl-wrapper" style="width: 4438px; left: 0px; display: block; transform: translate3d(-317px, 0px, 0px);">
            <div class="owl-item" style="width: 317px;">
                <div class="carousel-item"><img src="./wp-content/uploads/2018/12/hometurph-slider-5.png"
                        ></div>
            </div>
            <div class="owl-item" style="width: 317px;">
                <div class="carousel-item"><img src="./wp-content/uploads/2018/12/hometurph-slider-2.png"
                        ></div>
            </div>
            <div class="owl-item" style="width: 317px;">
                <div class="carousel-item"><img src="./wp-content/uploads/2018/12/hometurph-slider-3.png"
                        ></div>
            </div>
            <div class="owl-item" style="width: 317px;">
                <div class="carousel-item"><img src="./wp-content/uploads/2018/12/hometurph-slider-1.png"
                        ></div>
            </div>
            <div class="owl-item" style="width: 317px;">
                <div class="carousel-item"><img src="./wp-content/uploads/2018/12/hometurph-slider-4-1.png"
                        ></div>
            </div>
            <div class="owl-item" style="width: 317px;">
                <div class="carousel-item"><img src="./wp-content/uploads/2018/12/floyd-slider-4-1.png"
                        ></div>
            </div>
            <div class="owl-item" style="width: 317px;">
                <div class="carousel-item"><img src="./wp-content/uploads/2018/12/floyd-slider-1-1.png"
                        ></div>
            </div>
        </div>
    </div>
    <div class="owl-controls clickable">
        <div class="owl-pagination">
            <div class="owl-page active"><span class=""></span></div>
            <div class="owl-page"><span class=""></span></div>
        </div>
    </div>
</div>

我在我的 WordPress 中使用插件短代码方法。但是 Owl Carousel 在我的 WordPress 中不起作用。我正在使用 Starry Theme，但我虽然这个主题只有 Owl Carousel 不起作用。

【问题讨论】：

你可以检查你的控制台错误

控制台中没有显示错误，但有一个警告，即（索引）：2655 跨域读取阻止 (CORB) 阻止了 MIME 类型为 text/html 的跨域响应 cdn.engageto.com/script/5218433daae465a5ffbfb32b3e7bff61.js。有关详细信息，请参阅chromestatus.com/feature/5629709824032768。 （匿名）@（索引）：2655（匿名）@（索引）：2656

【参考方案1】：

控制台显示的错误是什么？

你可以尝试将jquery版本改低吗？

【讨论】：

控制台中没有显示错误，但有一个警告，即（索引）：2655 跨域读取阻止 (CORB) 阻止了 MIME 类型为 text/html 的跨域响应 cdn.engageto.com/script/5218433daae465a5ffbfb32b3e7bff61.js。有关详细信息，请参阅chromestatus.com/feature/5629709824032768。 （匿名）@（索引）：2655（匿名）@（索引）：2656

可以分享一下网址吗？