我试图通过简化我的 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');
});
最佳答案
我认为您需要找到“gallery”元素然后设置“galleryStyle”标志的代码。应该是这样的:
var $gallerySlider = $("div.content-gallery-wrapper .content-gallery");
if ( $gallerySlider.hasClass("casestudy") ) {
galleryStyle = false;
}
关于javascript - 如何对函数参数运行 jQuery if 语句?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28820919/