Display slider correctly in bs modal window
<p>I use bootstrap modal + slick slider for show slider in bs modal window, but have some problem with display this.
Slider not open before autoplay does
<a href="https://i.stack.imgur.com/wxp00.png" rel="nofollow">not work</a></p>

<p>But <a href="https://i.stack.imgur.com/3pCpz.jpg" rel="nofollow">i need this</a> right away modal be loaded</p>

<p>Here js code</p>

<pre><code>   $(document).ready(function() {

    $(".mwrap").on("click", function() {
        var img, desc, value, elements;
        img = $("img", this).attr("src");
        desc = $("p", this).html();
        value = $("img", this).data("value");

        elements = $.map($('img[data-value="' + value + '"]'), function(img) {
            return $("&lt;div/&gt;", {
                html: $(img).clone()
            })
        })

        $(".wimg").attr("src", img);
        $(".wdesc").html(desc);
        $(".wslider").html(elements)
        $(".wslider").slick({
            dots: true,
            slidesToShow: 3,
            slidesToScroll: 1,
            autoplay: true
        });
    });

    $("#myModal").on("hide.bs.modal", function() {
        $(".wslider").slick('destroy').html("");
    })

});
</code></pre>

<p>Thanks!</p>