难以尝试破译这一点。最近,我接手了两个网站。两者都使用相同的自定义编码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文件中删除了该代码,重新加载页面后,箭头仍然没有出现。所以这不是原因。