slick.js:Slider箭头和点不出现在WordPress网站上

时间:2017-12-09 03:59:02

标签: javascript jquery wordpress slider slick.js

难以尝试破译这一点。最近,我接手了两个网站。两者都使用相同的自定义编码WordPress主题。最近,我使用先前开发人员安装的预先存在的slick.js脚本将其中一个英雄区域更改为滑块。在我这样做之后,会出现左右箭头和点。它们应该像http://dermalinfusion.com/一样动态显示。它将生成的代码类似于:

<button class="slick-prev slick-arrow" type-"button" data-role="none" aria-label="Previous" role="button" style="display: block;"></button>

然而,在https://envymedical.com,他们根本就不会出现。我更改了plugins.js文件中的设置,因为我看到了箭头:设置为false,但也没有运气。这是代码:

jQuery('.block-heroslider').each(function() {
    var $this = jQuery(this);
    var $imagesSlider = $this.children('.hero-images-slider');
    var $blurbsSlider = $this.children('.hero-blurbs-slider');

    $imagesSlider.slick({
        dots: true,
        autoplay: true,
        autoplaySpeed: 6000,
        asNavFor: '.hero-blurbs-slider',
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true
    });

    $blurbsSlider.slick({
        asNavFor: '.hero-images-slider',
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: true
    });
});

滑块可以全面工作。它确实每隔几秒就从一个滑块移动到两个挡板并再次返回。我只想弄清楚导航没有出现的原因。

注意:我应该提到我们已经运行了一个ZenDesk脚本,不知何故会抛出错误。我从WP主题中的header.php文件中删除了该代码,重新加载页面后,箭头仍然没有出现。所以这不是原因。

0 个答案:

没有答案