Conditional slick-carousel 轮播设置

Question

如果值存在，是否可以仅向诸如轮播选项之类的内容添加设置？

如果 arrowsposition 为空、null 等，而不是 appendArrows 仍在使用，我可以完全删除该行，所以 appendArrows 不会尝试使用诸如以下的值false, null 等?

var arrowsposition = false;
if (typeof contentblockData === 'object') {
  arrowsposition = contentblockData.data;
} else {
  console.log('No contentblock data available, make sure \'contentblockData\' is available via wp_localize_script');
}

$(this).slick({
  arrows: true,
  dots: false,
  appendArrows: $('.' + arrowsposition + ''),
})

Answer 1

为此，您可以先创建设置对象，然后根据需要在 if 语句中添加 appendArrows 属性：

var slickSettings = {
  arrows: true,
  dots: false
}

if (typeof contentblockData === 'object') {
  slickSettings.appendArrows = $('.' + contentblockData.data);
} else {
  console.log('No contentblock data available, make sure \'contentblockData\' is available via wp_localize_script');
}

$(this).slick(slickSettings)

Conditional slick-carousel 轮播设置

Conditional slick-carousel carousel setting

javascript

jquery

slick.js