Joomla.it Forum
Componenti per Joomla! => Gallerie di immagini => : tomtomeight 09 May 2019, 13:52:53
-
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 è:
<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 ?
-
Al posto di $ prova a mettere jQuery
-
Ciao e grazie della risposta
Non cambia nulla in IE e nemmeno più in FF.
-
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
-
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:
...
.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.