JavaScript

2016/11/08

ホームページであるでしょ、画像が自動でスライドするやつ、カルーセルってやつです。fuって引数でスライドする回数を渡してその回数分スライドさせます。引数を渡さない時は3回スライドさせるつもりで

function autoCarousel(fu=3){
	処理
}

としたのですがiPhone(モバイルサファリ)ではだめでした。

ページを表示したときは3回（画像3枚分）スライドして終わり、左右のボタンを押したときは1回、マイナス1回（逆回転）というようなものにして、1つの関数で処理しようと思ったんです。

WindowsPCで作成しているときはうまく動いていたんですね。もちろんAndroidでも。ところが iPhoneでは全く動作しないです。

どこのサイトさんか忘れましたがオンラインのエミュレートでiPhoneを指定しても動くんですね。chromeの開発者メニューのiPhoneも動いてしまうんですよね、これは当たり前ですか。

JavaScriptのデフォルト引数は検索すればいっぱい出てくるので（関数のデフォルト引数やFunction Definitionsなど）使えるはずなんですけどね。

モバイルサファリでは使えないことは気づきませんでした。でもって

function autoCarousel(fu){
	if ( fu === undefined ){fu = 3;}
	処理
}

という風にして対応いたしました。

普通の処理でした。ということで1つ経験積んだのですが忘れてしまわないうちにアップしておきました。