Javascript 光滑的旋转木马肯惠勒-使一个div仅在幻灯片2中可见，其他人隐藏

我正试图制作一个充满其他图像的div，它就放在旋转木马下，只显示来自kenwheeler的光滑幻灯片旋转木马的幻灯片2，并为其他人隐藏，但我不知道如何在JS中定位

请问有人能帮忙吗

            <div class="center">
         <div id="day1"><img width="460px" height="460px" src="1_Promotion_460px_new.gif"/>
          <p>DAY 1</p></div>
          <div id="day2"><img width="460px" height="460px" src="2_Promotion_460px_new.gif"/>
          <p>DAY 2</p></div>
          <div id="day3"><img width="460px" height="460px" src="3_Promotion_460px_new.gif"/>
          <p>DAY 3</p></div>
            <div id="day4"><img width="460px" height="460px" src="4_Promotion_460px_new.gif"/>
          <p>DAY 4</p></div>
          <div id="day5"><img width="460px" height="460px" src="5_Promotion_460px_new.gif"/>
          <p>DAY 5</p></div>
          <div id="day6"><img width="460px" height="460px" src="6_Promotion_460px_new.gif"/>
          <p>DAY 6</p></div>
            <div id="day7"><img width="460px" height="460px" src="7_Promotion_460px_new.gif"/>
          <p>DAY 7</p></div>
            <div id="day8"><img width="460px" height="460px" src="8_Promotion_460px_new.gif"/>
          <p>DAY 8</p></div>
          </div>

            <div id="product-container">
                <ul>
                    <li><img src="carousel_03.jpg"/></li>
                    <li><img src="carousel_03.jpg"/></li>
                    <li><img src="carousel_03.jpg"/></li>
                </ul>


            </div>

---

您可以向beforeChange事件添加一个函数，该事件是slick slider API的一部分：

$('.your-sliders-class').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  if (nextSlide == 1) {
    $('#product-container').show();
  } else {
    $('#product-container').hide();
  }
});

幻灯片索引从0开始，因此第二张幻灯片将是索引1。

---

别忘了用你的滑块类替换你的滑块类…

旋转木马中是否有活动的滑块挂钩？它是否在项目上放置了活动类？您可以使用jquery从列表中获取活动类，当它存在于您想要的项目上时，然后显示您的div。基本上，当幻灯片位于中间时，也就是当我希望另一个div出现时，只有类slick slide“将类添加到其中，并且它将成为”slick slide slick current slick center“。所以我创建了这个jquery，但它不起作用，它在所有幻灯片上显示它，而不是只在一张幻灯片上显示它。如果$'day2'.hasClass'slick-slide slick current slick center'{$'.product container'.css'display'，'block'；}其他{$'.product container'.css'display'，'none'；}1您是否在hasClass检查中尝试了console.log？2您可以简化您正在查找的类，可能只有像slick current这样的类。3你把支票放在你的应用程序的什么地方了？具体来说，它是否位于文档就绪处理程序中？它是自己关闭的吗？我试着使用文档准备好了，也没有任何东西，我已经把它放在我的页面顶部。我不知道如何使用console.log抱歉，我基本上想做这个网站已经做过的事情，每个幻灯片都会显示不同的产品，但在我的一些幻灯片上不会有产品。请在jquery存在的地方发布代码。它周围的一切，因为如果你做得不正确，把它放在页面顶部可能是不正确的。