jquerymobile-2複数ページ1ファイル
1956 ワード
jquerymobileでは、複数のページを同じhtmlに書くことができます.jquerymobileの要求に応じて対応する属性を加えると、jquerymobileは私たちのためにいくつかの別々のページに変わり、表示されるたびにデフォルトでは最初のページしか表示されません.コードを見てから説明します.
のコードには、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を ったばかりなので、 いがあるかもしれませんが、 してください.
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を ったばかりなので、 いがあるかもしれませんが、 してください.