jsWaffleもjQueryも初心者です。
jsWaffleとjQuery Mobileの共存についての質問です。
jsWaffleを使い、サンプルなどを見ながら簡単な四則演算の小さな
プログラムを作りいました。デバックで実機で動作確認済み。
この状態でjQuery Mobileを組み込んだところ
CSSが適応されたのはわかるのですが、四則演算が動作しなくなりました。
以前の同様の書き込みは確認しました。
http://d.aoikujira.com/jsWaffle/tasukeai/mbbs.php?m=log&logid=18
順番を変えてみてはとあったので、
試しに以下のように書いてみました。(ローカル動作)
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="jquery.mobile-1.0rc1.js">
<script type="text/javascript" src="jsWaffle.js"></script>
しかし状態は変わりません。
私の単なるミスの可能性も高いのですが、
特にコツや注意点があればご教授ください。
もしjsWaffleとjQuery Mobileを併用したサイトが
あれば紹介していただけると助かります。
よろしくお願いします。
【jsWaffleバージョン】確認したjsWaffleバージョン
ver.1.181
【Androidのバージョン】
Android OS 2.2
google Chrome 14
私の環境では特に問題無く動作しています。
可能性が高い原因としては、jquery-mobileのcssが追加された事により、スタイルが競合している、というものです。
ともあれ、もう少し詳しい状況を教えて頂ければ何か他の原因が予測できるかもしれません。
この度、jQuery Mobileを使いアプリを作ることが出来ました。
ヘッダーのソースを、お知らせします。
参考にして頂けましたら幸いです。
それから掲載されているソースですが、
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="jquery.mobile-1.0rc1.js">
<script type="text/javascript" src="jsWaffle.js"></script>
とありますが、
<script type="text/javascript" src="jsWaffle.js"></script>の
ように
<script ではじまったら、必ず閉じるタグが必要になります。
そのため、ソースの2行目に閉じタグの</script>がないので、動作不安定になると思います。
以下が、私が書いたソースです。
resのフォルダーの中に、jQuery Mobileのzipファイルを解凍して出てくるimagesのフォルダーを入れましたので、アイコンも表示できます。
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> </title>
<link rel="stylesheet" type="text/css" href="res/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="res/jquery-1.6.4.js"></script>
<script type="text/javascript" src="res/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript" src="jsWaffle.js"></script>
<link rel="stylesheet" type="text/css" href="res/demo.css" />
<script type="text/javascript" src="res/demo-common.js"></script>