我试图通过简化Slick Slider脚本来避免过多的代码。我正在尝试运行一个设置布尔参数的函数，但是我显然在这里遗漏了一些东西。目标是如果.content-gallery具有.casestudy类（在我的CMS中是不同的内容类型），则将衰减参数从true更改为false。
谢谢！
$( window ).load(function() {
var galleryStyle = true;
var $gallerySlider = $("div.content-gallery-wrapper .content-gallery"),function(){
if ( $gallerySlider.hasClass("casestudy") ) {
var galleryStyle = false;
} else {}
};
$gallerySlider.each(function(){
$(this).slick({
centerMode: true,
centerPadding: '0',
slidesToShow: 1,
slidesToScroll: 1,
// dots: true,
prevArrow: '.arrow.left',
nextArrow: '.arrow.right',
fade: galleryStyle
});
});
$('.loading').removeClass('loading');
});
使用下面的答案之一，并将if语句移入初始化函数似乎可以解决这个问题。
$( window ).load(function() {
var galleryStyle = true;
var $gallerySlider = $("div.content-gallery-wrapper .content-gallery");
$gallerySlider.each(function(){
if ( $(this).hasClass("casestudy") ) {
galleryStyle = false;
}
$(this).slick({
centerMode: true,
centerPadding: '0',
slidesToShow: 1,
slidesToScroll: 1,
// dots: true,
prevArrow: '.arrow.left',
nextArrow: '.arrow.right',
fade: galleryStyle
});
});
$('.loading').removeClass('loading');
});
我认为您想要找到该“ gallery”元素然后设置“ galleryStyle”标志的代码。那应该是这样的：
var $gallerySlider = $("div.content-gallery-wrapper .content-gallery");
if ( $gallerySlider.hasClass("casestudy") ) {
galleryStyle = false;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句