Как заставить работать js-код в IE 11?

Question

[TRIG]

Решил поставить обычный слайдер изображений на сайт под Magento 2.2
Во всех браузерах слайдер работает отлично, кроме IE 11.

Собственно, этот код не запускается там :

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

На одном ресурсе его советуют заключить в функцию:
$(document).ready(function() {}

Но что-то не получается, код перестает работать вообще везде.
Очевидно, переменная var slider = new IdealImageSlider.Slider('#slider_news'); не будет работать, если прописать её внутри вышеуказанной функции.

Прошу помочь, т.к. я не силен в JS.

Comments

[Игорь]

На одном ресурсе его советуют заключить в функцию:

у вас в конце скобочки круглой не зватает

[TRIG]

Не понял, а что скобочка должна закрывать, если мы её и не открывали?
Собственно, код советовали оформить так:

<script type="text/javascript">
$(document).ready(function() {
  var slider = new IdealImageSlider.Slider('#slider_news');
  slider.addBulletNav();
  slider.addCaptions();
}
</script>

[Владислав Нагорный]

TRIG,

<script type="text/javascript">
$(document).ready(function() {
  var slider = new IdealImageSlider.Slider('#slider_news');
  slider.addBulletNav();
  slider.addCaptions();
})
</script>

[TRIG]

Владислав Нагорний, так вообще не срабатывает, все изображения разъезжаются.
В консоли можно увидеть ошибку "Uncaught TypeError: $ is not a function", указывающую на строку $(document).ready(function()

Answer 1

[Ihor Bratukh]

<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>

Comments

[TRIG]

Uncaught ReferenceError: jQuery is not defined

[Ihor Bratukh]

TRIG, ах, да
Вот так попробуйте:

<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
        window.slider = new IdealImageSlider.Slider('#slider_news');
        window.slider.addBulletNav();
        window.slider.addCaptions();
    });
</script>

[TRIG]

BRAGA96, Увы, не хочет ни в какую. Теперь вообще нигде не работает.
Вот сам сайт pantelemone.com
На главной странице два слайдера, один миниатюрный, один большой. И они съехали все с таким кодом.