質問: 0){ setMainImage1(); mainImage1.classList.add('fadein'); mainImage1.classList.remove('fadeout'); mainImage2.classList.add('fadeout'); mainImage2.classList.remove('fadein'); } else { setMainImage2(); mainImage2.classList.add('fadein'); mainImage2.classList.remove('fadeout'); mainImage1.classList.add('fadeout'); mainImage1.classList.remove('fadein'); } }); //leftArrow,rightArrowにはcssにてcursor: pointer;をつけてます。 fadein,fadeoutクラスを2つの画像に交互につけてスライドショーを制作しています。 画像サイズはどれも200kB程度。 Googlechrome、Edge、androidでは可動確認できています。 また同じページのコードで別のeventListenerは動いているのでjsファイルは読み込んでいるようです。 試して反応なかった機種はiphone6s、2台です。 Javascriptの設定、キャッシュ、cookie、ブラウザ、再起動、アップデート、やれることはすべてやったつもりです! わかる方いらっしゃいましたら、お力添えをお願いします。 また、構文を見てめんどくさいやり方してるね、こうしたら?ってのもあればぜひ聞きたいです。
回答: 端末の発売時期を考えると Safari 9 なので let 等に対応していないと思います。使わないように書き直してみてください。