如何在函数参数上运行 jQuery if 语句？答案

【问题标题】：How do I run a jQuery if statement on a function paremeter?如何在函数参数上运行 jQuery if 语句？
【发布时间】：2015-05-03 11:04:55
【问题描述】：

我试图通过简化我的 Slick Slider 脚本来避免过多的代码。我正在尝试运行一个设置布尔参数的函数，但我显然在这里遗漏了一些东西。如果 .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');
});

【问题讨论】：

那个带逗号的代码很奇怪；你期望它做什么？（几乎可以肯定它不会做任何事情，但它太令人困惑，无法知道你的意图是什么。）
对不起，我应该澄清一下。我编辑了我的问题。 “fade”参数控制滑块是淡入淡出（true）还是滑动（false）。我希望所有画廊都褪色：除非它们是添加了 .casestudy 的案例研究画廊，否则是真的。

标签： javascript jquery function if-statement slick.js

【解决方案1】：

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

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

【讨论】：

谢谢，这清除了错误，但看起来页面上的所有滑块都设置为 false，无论它们是否有案例研究。标志是否必须在初始化函数的函数中？我假设，因为它至少找到一个案例研究，脚本将标志设置为 false，然后所有滑块都使用 fade: false 进行初始化。
谢谢你的回答，我最终将 if 语句移到初始化函数中。