RSS
【質問事項】どのような問題ですか？
jQueryMobileを使っていると、onclickイベントでユーザー関数を利用できない
【再現方法】サンプルソース、再現手順など
>TODO
【調べた事】ここまで調べてみました
今日、onclickイベントが使えないので試行錯誤をしていました。
user関数を呼び出すことはできないのですが、デバックでalertを使ったら動いたのです。
そのため、直接Scriptを書くと動くようなのですが、ユーザー関数を呼ぶことができないようです。
【jsWaffleバージョン】確認したjsWaffleバージョン
最新バージョン
フラッシュのデモが付いているバージョンです。
【Androidのバージョン】確認したAndroidバージョン
> Android OS 2.2
【機種名】
> IS03
【その他】
こうなると、HTMLのタグのところに直接Scriptを書くしかないかも。
タップのイベントを使えないし。
jQueryMobileを使うと、こんなにはまるとは思ってもみませんでした。
何で、firefoxでは意図したとおり動いてAndroidに入れたら動かいのでしょう。
ブラウザで動いたので、ソースは合っていると油断したのがいけなかったです。
Androidのブラウザ固有の癖があるように思います。
document.images[num].src=img.src;
このソースがいけないと思い、
document.getElementById(photo_id).src=
に書き換えて試したのですが、変わりませんでした。
今回ハマったことで、Androidブラウザのことを調べてみました。
z-positionのバグがあって要素を重ねて表示できないとか・・・
onClickのイベントが、iPhoneなら使えるのにAndroidでは動かないとか、色々個性があるようです。
下記の3か所の情報は役に立つと思いますので、お知らせします。
なお、3つ目のサイトは、IS03からアクセスしてもtouchイベントが起きないようでチェックできません。
どなたか、試していただけましたら幸いです。
私のIS03が悪いのかもしれないので、今、2.3のバージョンのエミュレーターを起動して、色々確認を進めているところです。
IS03は、OSのバージョンアップをしたので、2.2.1になっています。
頭の片隅にフリック操作に対応していませんというアナウンスの記憶があるのですが、IS03の固有の問題かは覚えがないです。
エミュレーターで試してみます。
JavaScript/Androidブラウザ/はまったこと
http://wiki.minaco.net/index.php?JavaScript%2FAndroid%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%2F%E3%81%AF%E3%81%BE%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8
Android のブラウザのフォーカスが z-index を無視しているバグがなおらない
http://subtech.g.hatena.ne.jp/cho45/20100610/1276102754
touchイベントの確認が出来る
http://termat.sakura.ne.jp/javascript/android%E3%81%A7javascript%E3%81%AE%E3%82%BF%E3%83%83%E3%83%81%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%82%92%E8%A9%A6%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F%E3%80%82android-js/
3日掛かりでようやく、解決しました。
<button onclick='photo_del(1)'>Ｄｅｌｅｔｅ</button>
と書いた下に、Scriptを書いたら、動きました。
原因は不明ですが、Scriptをコピーしてくるときに、何かあったのかも。
取りあえず、これで完成させて、後日、imgタグでタップイベントが出来ないかとかいろいろ試したいと思います。
掲示板に沢山投稿してしまい、申し訳ありませんでした。