MONACA 開発メモ
今日、monacaで開発していてハマったのでメモ。
・js/css コンポーネントの追加・削除からjQuery (monaca version)を入れる
・コンポーネントを追加するとcomponents/loader.jsが自動更新される
・<head>タグ内で<script src=”components/loader.js”></script> の記述だけでコンポーネントを組み込める
http://docs.monaca.mobi/cur/ja/manual/application/monaca_plugin/
・jQueryが動いているか確認する
if(typeof jQuery != “undefined”){ //jQueryの読み込み確認 $(function(){ alert(‘jQuery is ready.’) });
}
http://blog.skyld.org/data/jquery_ready/jquery_ready.html
・$(document).ready()じゃなくて
$(document).on(‘pageinit’, ‘#selector’, function() {}); で書く。
#selectorの部分は、ons-page id =”page1" みたいな感じでページ指定をする。 ページ指定をしないと id, class ともに反映されない。 http://leko.jp/archives/291
Onsen UI sliding menu, Onsen Tabber はページ指定をしないと各ページのクラス要素にindex.html のコードが反映されない。
・Clickイベントを拾う場合は
$(“.photo1”).click(function() { alert(‘clickイベントが発生しました。’); ｝
じゃなくて $(“.photo1”).bind(‘click’,function(){ alert(‘clickイベントが発生しました。’);
});
で書く。
http://semooh.jp/jquery/api/events/bind/type,+%5Bdata%5D,+fn/
最初の書き方だと、画面が真っ白になって動かない。
最後に
・シンジ君っぽく"動け、動け、動いてよ"って言っても動かない。
ようやく、画像クリック→イベント発生までできました。
あとは
・各ページの各画像のクリックイベントを拾う
・画像クリック→音声再生させる
日曜日なのに、丁寧に質問に答えて下った方々
どうもありがとうございました。
特にジャスティス隊長には、感謝しても感謝しきれないぐらい感謝しています
