Question

我尝试在Javascript代码中进行一些更改。在学习Javascript的开始，我是新的。我的问题是：我有这样的结构

183 Main St East Copper Massachusetts U S A MA 01516-113

我需要一些如何更改Id = supper-offer的代码，只显示2个图像而不是3个（slidesToShow：3）

<div id="top-offer">
<div class="image-container">
Javascript Code generates a slider with 3 Visibile images
</div>
</div>
<div id="supper-offer">
<div class="image-container">
Javascript Code generates a slider with 3 Visibile images
</div>
</div>

如何制作将使用＆＃34; slideToShow：2＆＃34;执行此代码的IF语句对于具有ID = supper的div，提供一些像

这样的东西

$('.evo-slider:not(.slick-initialized)').slick({
    //dots: true,
    arrows: true,
    slidesToShow: 3,
    responsive: [
        {
            breakpoint: 480, // xs
            settings: {
                slidesToShow: 1
            }
        },
        {
            breakpoint: 768, // sm
            settings: {
                slidesToShow: 2
            }
        },
        {
            breakpoint: 992, // md
            settings: {
                slidesToShow: 3
            }
        }
    ]
});

Answer 1

您应该能够使用三元运算符：

slidesToShow: (id === supper-offer) ? 2 : 3

Answer 2

为什么不在选择器本身中使用这样的id？

  $('#supper-offer:not(.slick-initialized)').slick({
      arrows: true,
      slidesToShow: 2
  });

Answer 3

是的，尝试使用像达科他雷蒙德那样的三元回答。

我写这个答案是为了帮助你检索元素的id。尝试使用

slidesToShow : $(this).attr('id') == 'supper-offer' ? 2 : 3

如果是Statement，则执行部分代码，如果是ID JavaScript

3 个答案: