Как перерисовать div с помощью jquery (пользовательский код веб-потока)

Question

Я пытаюсь создать модал, активированный jquery.Внутри этого модального у меня есть слайдер, созданный в веб-потоке, но этот слайдер не работает.Поддержка веб-потока предлагает вставить после модального активатора следующую строку кода: Webflow.require('slider').redraw();

Но это не работает.

Вот мой код:

$('#plus-1').on('click', function() {

    //apri la modal corrispondente
    $("#modal-1").css('display', 'flex');
    //$('.slider').redraw();
    Webflow.require('slider').redraw();

     $('#chiudi-1').on('click', function() {
    //chiudi la modal corrispondente
    $("#modal-1").css('display', 'none');
});});

<script src="https://www.tecmasolutions.com/clients/princype-2/js/configurator-princype-rev002.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <link href="https://www.tecmasolutions.com/clients/princype-2/css/normalize.css" rel="stylesheet" type="text/css">
  <link href="https://www.tecmasolutions.com/clients/princype-2/css/components.css" rel="stylesheet" type="text/css">
  <link href="https://www.tecmasolutions.com/clients/princype-2/css/configurator-princype-rev002.css" rel="stylesheet" type="text/css">
  
  
<button id="plus-1" type="button">Click Me!</button>
  

<div id="modal-1" class="modal-prezzi porta-h240 logged">
    <div class="info-wrapper-checkout logged">
    <a id="chiudi-1" class="chiudi checkout logged">x</a>
      <div id="slider-1" class="slider w-slider">
        <div class="w-slider-mask">
          <div class="img_int-pack-premium-plus a w-slide">
          </div>
          <div class="img_int-pack-premium-plus b w-slide">
          </div>
          <div class="img_int-pack-premium-plus c w-slide">
          </div>   
        </div>
        <div class="w-slider-arrow-left">
          <div class="icon-2 w-icon-slider-left"></div>
        </div>
        <div class="w-slider-arrow-right">
          <div class="icon-3 w-icon-slider-right"></div>
        </div>
        <div class="slide-nav w-slider-nav w-round"></div>
      </div>
    </div>
  </div>

Answer 1

Я нашел недостающую точку. до Webflow.require('slider').redraw(); я должен был поставить это:

$.fn.redraw = function(){
  $(this).each(function(){
    var redraw = this.offsetHeight;
  });
};