How to make js code work in IE 11?

Question

JavaScript

I decided to put a regular image slider on the site under Magento 2.2.
In all browsers, the slider works fine, except for IE 11.
Actually, this code does not run there:

<script type="text/javascript">
  var slider = new IdealImageSlider.Slider('#slider_news');
  slider.addBulletNav();
  slider.addCaptions();
</script>
</div>

On one resource, it is advised to wrap it in a function:
$(document).ready(function() {}
But something doesn’t work, the code stops working everywhere.
Obviously the variable var slider = new IdealImageSlider.Slider('#slider_news'); will not work if you write it inside the above function.
Please help, because I'm not strong in JS.

Answer 1

<script type="text/javascript">
    ;(function ($) {
        'use strict';

        $(document).on('load', function () {
            window.slider = new IdealImageSlider.Slider('#slider_news');
            window.slider.addBulletNav();
            window.slider.addCaptions();
        });

    }(jQuery));
</script>