当前位置: 首页 > 知识库问答 >
问题:

猫头鹰旋转木马2在wordpress starry主题中无法工作

耿弘阔
2023-03-14

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

WordPress详细信息:

WordPress版本:4.9.8

WordPress jQuery 1.12.4

插件详细信息:

owl-carousel jQuery 1.0.0

插件版本:2.1

使用过的WordPress版本:3.0.1或更高版本

测试范围:4.9.9

[tc-owl-carousel]短代码

谢谢你给我明确的指示。

下面是与owl旋转木马相关的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>

null

我在我的WordPress中使用插件短代码的方法。但猫头鹰旋转木马在我的WordPress中不起作用。我使用星空主题,但我认为这个主题只有猫头鹰旋转木马不工作。

共有1个答案

贲高寒
2023-03-14

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

您可以尝试将jquery版本更低?

 类似资料:
  • 我有多个猫头鹰旋转木马设置在我的主页。我有第一个(关于免费送货的)设置为滑速10000。因为你可以看到所有的幻灯片都以相同的速度变化。 这有什么不起作用的原因吗?我做错什么了吗?

  • 我正在尝试在猫头鹰旋转木马上应用褪色效果,但它似乎不起作用。 正如您在这个fiddle-http://jsfiddle.net/lav911/fha6j/中看到的,我正在加载他们文档中提到的文件。 我是不是漏掉了什么?为什么不是褪色而是滑动?另外,请注意,即使在他们的网站上,淡化也不起作用。 后期编辑:在谷歌Chrome 35和火狐上似乎会褪色,但在谷歌Chrome 36上会滑动。奇怪。

  • 我有麻烦让猫头鹰旋转木马主题样式表对我的滑块有任何影响? 我使用的是最新版本的owl.carousel.2.0.0-beta.3 这里是我的测试地点:示例网站 下面是与owl旋转木马相关的HTML代码: 名为“owl.theme.default.min.css”的样式表看起来包含了所有的导航样式表,但由于某种原因,它没有对PREV和NEXT按钮进行样式化? 如有任何帮助,我们将不胜感激。

  • 我知道有可能通过当前位置-编号跳到猫头鹰旋转木马中的某个位置。如: 是否可以跳转到匹配的ID?假设我有一个带有缩略图的站点,点击其中一个缩略图就会打开一个模式,其中猫头鹰旋转木马就在右边/匹配的位置。类似于: 提前道谢! 编辑: 散列URL解决方案也是很好的,但是:owl旋转木马在FancyBox中打开... 第二次编辑: 抱歉,规格改了,变得更难了。owl滑块以fancybox模式在iframe

  • 我需要添加猫头鹰轮播到我的网站。 我遵循了说明,并使用css作为默认主题。 它工作完美。然后突然(没有更改代码)默认主题停止工作(在导航上没有主题)... 我一直试图修复它,但我失去了我的想法...我甚至将更改还原到我确信它工作的地方! 而且这不是关于浏览器的,因为我甚至把它上传到了我的服务器上... 我的代码: 和JS: 这似乎很奇怪,它曾经工作了一段时间,然后就停止了…… 任何帮助都将是感激的

  • 我穿着magento 2.2.2和使用Unero主题,我正在开发magento前端。当我在内容部分添加OWL旋转木马滑块时,它是不可见的?