Function 不在每次单击时触发调整事件大小

我创建的调整大小事件是为了在我的模式中显示滑动条的图像，它只在初始宽度上触发一次。如果我关闭模式，手动移动窗口的宽度，然后再次打开模式，则图像的大小不会调整。因此，它们不会出现

HTML:

<section>
<button id='show' onClick='showDialog()'><img src="img./(This is where I put the name of my image).jpg"style="width:100%;max-width: 400px"></button>
<div id='dialog'>
  <span>
    <div id="mySlickSlider">
        <div class="mySlide">
        (This is where I included the images in my slick slider)
        </div>
    </div>
  </span>
<button id='close' onClick='closeDialog()'>&times;</button>
</div>
</section>

---

由于resize函数不起作用，我对构成滑动条的不同类使用了超时函数，并将其设置为0，因此没有延迟

$(window).on('click', function () {
  setTimeout(function() {
     $('.mySlideNav').slick("getSlick").refresh();
     $('.mySlide').slick("getSlick").refresh();
  },0);
});

---

由于resize函数不起作用，我对构成滑动条的不同类使用了超时函数，并将其设置为0，因此没有延迟

$(window).on('click', function () {
  setTimeout(function() {
     $('.mySlideNav').slick("getSlick").refresh();
     $('.mySlide').slick("getSlick").refresh();
  },0);
});