Jquery Owl转盘导航箭头不适用于WordPress

导航箭头不工作-它们不可拾取。这是基于WordPress-我们没有使用插件，因为这是一个自定义作业。请参见本页中间部分白色部分的底部：

当用户点击导航箭头时，我很高兴看到帖子从一个滚动到另一个

需要注意的一些事项：

• 旋转木马将滚动WordPress中的帖子而不是图片
• 为了将这些帖子作为“传送带”的目标，我在posts部分周围放置了一个名为“posting wrapper”的包装器
• “.post”类是要滚动的项目的目标
• 看起来下面的所有HTML都是由下面的jQuery代码生成的。我没有手动输入任何Owl转盘HTML-它是自动生成的，显然是由Owl转盘本身生成的。也许.owl-carousel（）方法可以做到这一点，但我不确定
• 唯一的错误是没有链接/滚动箭头字符

HTML:

<div class="posting-wrapper owl-carousel owl-theme owl-loaded">
    <div class="owl-stage-outer">
    <div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 1220px;">
        <div class="owl-item active" style="width: 406.667px; margin-right: 0px;">
        <div class="owl-item active" style="width: 406.667px; margin-right: 0px;">
        <div class="owl-item active" style="width: 406.667px; margin-right: 0px;">
    </div>
</div>
<div class="owl-controls">
    <div class="owl-nav">
        <div class="icon-angle-left nav-prev" style=""></div>
        <div class="icon-angle-right nav-next" style=""></div>
    </div>
<div class="owl-dots" style="">
</div>
</div>

if (jQuery(".posting-wrapper .post").length > 2){ // If it detects more than two entities, do the following...
jQuery(".posting-wrapper").addClass('owl-carousel');
jQuery(".owl-carousel").owlCarousel({
    nav: true,
    navText: ['', ''],
    navClass: [ 'icon-angle-left nav-prev', 'icon-angle-right nav-next' ]
})
}

我注意到在jQuery代码中，属性被设置为“nav”和“navText”，等等，这看起来像是Owl Carousel使用的缩写版本——navigation和navigationText。当我将这些属性更改为未经修改的版本时，会发生奇怪的事情（例如导航没有出现…如图所示）

---

我认为设置它的人可能使用了他们自己的类等等，但是。。。是 啊不知道它如何影响导航。

所以当有3篇以上的帖子时，他们应该滚动吗？我只能在你的包装中看到3篇文章。猫头鹰阶段。里面应该有更多吗？也许在你的PHP中你将自己限制为3篇帖子？

很好的调用-实际上是PHP中获取帖子的一行：$custom_main_loop=new WP_Query（数组（'post_type'=>'post'，'post_per_page'=>3））；我将其增加到5，并将“item:3”放在Owl旋转木马jQuery中，这就解决了它！好极了（非常感谢！）