すみません。
ふと思ったのですが、タップイベントやonclickの動作は、ボタンの要素でないと使えないでしょうか。
ブラウザでは、ちゃんと画像をクリックすると入れ替わるScriptが動くのですが、実機のIS03ですと反応しません。
ブラウザですと、ちゃんと下記のソースで動きます。
$(document).ready(function(){
$("#p1").bind("tap", function(){
cdel(0);
});
});
何で実機でタップしても反応しないのか、不思議です。
onclickの方も、ボタンでしたら動きました。
imgの要素でタップを使えるようにするには、どうすればよいでしょうか。
ブラウザですと意図する通りに動くので、困っています。
画像にリンクを貼っていると、タップでの動作ができます。
ということは、どうしてもボタンかリンクしか方法がないのでしょうか。
firefoxでちゃんと動くのに、実機で動かないので、とても困っています。
いろいろ試してjQuery Mobileのスライドショーのプラグインが動かない原因が見えてきたように思います。
ウェブサイトでjQuery Mobileを基に作ると意図する通りに動きますが、Androidの中で使おうとすると、何かが影響してタップなどのフリック動作ができなくなるのでは?
と思い始めています。
jswaffleとjQuery Mobileの読み込み順を変えてみましたが、改善しませんでした。
検索していましたら、気になる記事を発見しました。
http://yslibrary.wordpress.com/2011/06/21/jquery-mobile-beta-1-tips/
Androidでスクロールバーを非表示にするイベントを作った影響で、clickのイベントが反応しないかもという内容でした。
<bottun><img src="***"></bottun>ですと一応動くのですが、li要素の中で使っているせいか、画像の入れ替えができないです。
でも、なんとかやってみます。
<a href="JavaScript:ソース記入">クリックしてね</a><br>
というサンプルを見つけたので試してみましたが、ダメでした。
URLしか反応しないようです。
まさか、jQuery Mobileで、こんなにはまるとは思いませんでした。
PhoneGapで作っても、jQuery Mobileを使うと同じ現象が起きるのでしょうか。
せっかくブラウザで動くのに残念です。
さきほど、jQueryMobileのデフォルトのスタイルを解除する方法を知りました。
これで、自分で適用したいボタンのCSSを作り、工夫してみたいと思います。
http://www.the-triad.jp/blog/?p=593
まる一日以上かけて、いろいろ試した結果、ノーマルのbottunであれば、問題なくonclickが使えることが判明しました。
footerのデザインに合わせてスタイルを指定したボタンもonclickが動かないので、自力でボタンのデザインをしてonclickを使うしかなさそうです。
aタグにjavadcriptを書く方法を使うことが出来たら、まだ、何とかやりようがあるのですが。
li要素内にボタンを作った場合も、onclickをはじめ他のマウスやタップ系のイベントは反応しません。
何でウェブサイトでjQuery Mobileを使って構築するときは、スタイルの効果を付けたところも動くのに、Androidのアプリにしたら動かなくなるのか・・・
Androidのブラウザの個性なのでしょうか・・・・
すみません。
先程、画像を入れ換える部分のスクリプトが、ファイヤーフォックスで使えたのですが、Androidで動かないことが分かりました。
そのため、フッターのボタンの動作については、再確認しますので、お待ちください。
すみません。
お願いします。