Slider non funziona su internet explorer 11

[tomtomeight]

Buongiorno
Ho realizzato uno slider con material design bootstrap e su firefox e chrome funziona bene, mentre come al solito su ie11 no.
link: https://sisinternational.net
il codice che fa muovere le immagini è:

Codice: [Seleziona]

<script>$('.carousel.carousel-multi-item.v-2 .carousel-item').each(function(){
  var next = $(this).next();
  if (!next.length) {
    next = $(this).siblings(':first');
  }
  next.children(':first-child').clone().appendTo($(this));

  for (var i=0;i<4;i++) {
    next=next.next();
    if (!next.length) {
      next=$(this).siblings(':first');
    }
    next.children(':first-child').clone().appendTo($(this));
  }
});
</script>
e lo strumento per sviluppatori di ie11 mi dice che $ non è definita
e quindi non slittano le immagini, come in FF,  e se ne vede una solamente oltre a qualcos'altro che le rende orizzontali.
Il codice è embeddato in joomla tramite iframe ma anche esternamente da gli stessi errori.
Devo rinunciare ?

[danielecr]

Al posto di $ prova a mettere jQuery

[tomtomeight]

Ciao e grazie della risposta
Non cambia nulla in IE e nemmeno più in FF.

[tomtomeight]

Ho notato che nemmeno la demo sul sito ove ho preso il codice funziona su IE11

https://mdbootstrap.com/snippets/jquery/temp/673409?action=fullscreen

Se non funzionerà più questo link provate a

https://mdbootstrap.com/docs/jquery/javascript/carousel/#multi-item-carousel-v2

poi cliccate su open in MDB editor e ancora poi su fullscreen

[danielecr]

Ciao, ho notato un errore di sintassi che dà ie 11 nel file compiled-4.8.0.min.js: l'errore è qua (1, 411815), il primo che trova:

Codice: [Seleziona]

...
.concat([...this.options
...

I tre puntini sono stati introdotti in ECMAScript 6 e aimè ES6 non è compatibile con ie 11.

Forse potresti utilizzare un transpiler tipo babel per produrre un nuovo codice compatibile.