猫头鹰轮播2在Wordpress星空主题中无法正常工作

时间:2019-01-10 08:41:10

标签: javascript jquery wordpress jquery-plugins owl-carousel

在“我的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]短代码

谢谢你给我明确的指示。

以下是与猫头鹰轮播相关的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"
                        alt=""></div>
            </div>
            <div class="owl-item" style="width: 317px;">
                <div class="carousel-item"><img src="./wp-content/uploads/2018/12/hometurph-slider-2.png"
                        alt=""></div>
            </div>
            <div class="owl-item" style="width: 317px;">
                <div class="carousel-item"><img src="./wp-content/uploads/2018/12/hometurph-slider-3.png"
                        alt=""></div>
            </div>
            <div class="owl-item" style="width: 317px;">
                <div class="carousel-item"><img src="./wp-content/uploads/2018/12/hometurph-slider-1.png"
                        alt=""></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"
                        alt=""></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"
                        alt=""></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"
                        alt=""></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中使用。我正在使用“星空主题”,但是尽管这个主题只有“猫头鹰轮播”无法正常工作。

1 个答案:

答案 0 :(得分:0)

控制台中显示的错误是什么?

您可以尝试降低jquery的版本吗?