javascript - 如何对函数参数运行 jQuery if 语句？

Question

我试图通过简化我的 Slick Slider 脚本来避免过多的代码。我正在尝试运行一个设置 bool 参数的函数，但我显然在这里遗漏了一些东西。目标是如果 .content-gallery 具有 .casestudy 类(这是我的 CMS 中的不同内容类型)，则将 fade 参数从 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');
});

Answer 1

我认为您需要找到“gallery”元素然后设置“galleryStyle”标志的代码。应该是这样的:

var $gallerySlider = $("div.content-gallery-wrapper .content-gallery");
if ( $gallerySlider.hasClass("casestudy") ) {
    galleryStyle = false;
}