no-image

OnsenUIでページの初期化時にjQueryイベントを発火させる

今までonsenUIとjQueryの共存についてよく理解しておらず、jQueryイベントを発火させるためにonメソッドを使っていらぬ工夫をしていたのだが、また一歩前進したのでめも。

pageがいくつであれpage1.html,page2.html,page3.html…それぞれの中に
タグがあると思う。

ここにidを付与させておく
例えばpage1.htmlの場合

といった具合にだ。

これで準備は完了。
次にjQueryを記述するためのjsファイルでの文法。

このようにしてページの初期化が行われるので、中に記述したjQueryでは理想通りの挙動を示す。

前に書いた記事と合わせると、javascritptの雛形はこのようなものになる。

まだ僕は利用していないが、OnsenUIのコンポーネント単体が初期化されたタイミングでDOMイベントを発生させる書き方はこうだ。

このように”「イベントを発生させたい時に初期化されるコンポーネント名」:init”の様に記述すると、そのコンポーネントが初期化された時に中身のイベントが発生する。