jquerymobile-2複数ページ1ファイル


jquerymobileでは、複数のページを同じhtmlに書くことができます.jquerymobileの要求に応じて対応する属性を加えると、jquerymobileは私たちのためにいくつかの別々のページに変わり、表示されるたびにデフォルトでは最初のページしか表示されません.コードを見てから説明します.




data-role="page"
 






header

this is home content!! Other pagehelloJQM.html

other_header

this is other content!! Home page

のコードには、data-roleで される2つのページが まれています.jquerymobileでdata-role=「page」を するとページが され、 にid が えられ、これらのページを り えるときにこのid が されます.
jquerymobileでは「data-」の のプロパティを してjquerymobile のものを します. たちが しているdata-roleはその1つにすぎません.ここではdata-role=「page」を し、jquerymobileはそれをページに します.
aラベルを し、hrefはpagaのidを して のページに り えることができます.ここには data-ajaxがあり、デフォルトはtrueで、ajaxを して しいページをロードするかどうかを しています.jquerymobileではデフォルトでajax でページをロードします.この をfalseに すると、ajax でロードすることはなく、 このページに ります. さんは も わらないと いますが、この をfalseに するとhelloJQM.html( の のコード)は、 したjquerymobileへの を し、 されるページはjquerymobileで されず、trueに すると されます.ここでの は、ajaxを してjquerymobileをロードすることも し、 のジャンプを すると、 しいジャンプのページにjquerymobileファイルがないと しません.
もjquerymobileを ったばかりなので、 いがあるかもしれませんが、 してください.