スマホに対応したhtml

Question

スマホでタッチをしたら反応して、window.open("URL")で別のところに飛ばそうと考えているのですが指定した場所に飛んでくれません。
タッチのイベントが発生しているかは、確認済みで発生はしているようです。

ーーscript
$(function () {
var box = $("#LOAD")[0];
box.addEventListener("touchstart", touchHandler, false);
});

//タッチイベント
function touchHandler(e) {

if (Navi.indexOf("iPhone") > 0 || Navi.indexOf("Android") > 0) {
    window.open("http://yuyans0802.html.xdomain.jp//Innovation/phone/Innovation(Phe).html");
} else {
    window.open("http://yuyans0802.html.xdomain.jp//Innovation/pc/Innovation(PC).html");
}

};

Answer 1

Navi変数には具体的には何が入ってますか？
こんな風になっているように思えます。
一度型を含めチェックしてみてください。

1. Navi変数が宣言されてない
2. indexOfはStringのメソッド
3. 宣言されてない変数はStringではない
4. JSエラー

不具合の原因にはならないとは思いますが、
ドメインとパスの間は//ではなく/が正解です。
こちらの修正もお願いします。

Comments

[TaruOrder]

解答ありがとうございます！！

1. Navi変数が宣言されてない : Naviの変数を宣言しました！
2. indexOfはStringのメソッド :if文を通っているかチェックしたら通っていました！
3. 宣言されてない変数はStringではない :indexOfは一様反応してくれているようです...
宣言:Var Navi = navigator.userAgent;

やはり、飛ばしいサイトに飛んでくれません...

[miyabi-sun]

今PCのChromeのコンソールで試したら動作しました。
なのでスマホ的な都合だろうと考えて調べたところ、ズバリなサイトを見つけました。

http://like-milk.hatenablog.com/entry/2014/01/09/074942
http://cygx.mydns.jp/blog/?arti=475

touchstartではなくclickをイベントハンドラとして登録するとか、
上のサイトのサンプルスクリプトを加工してみては如何でしょう？