File tree Expand file tree Collapse file tree 5 files changed +8
-8
lines changed
Expand file tree Collapse file tree 5 files changed +8
-8
lines changed Original file line number Diff line number Diff line change 1414< body >
1515
1616< div data-role ="page ">
17- < div data-role ="header " data-theme ="e " data-position =" inline " >
17+ < div data-role ="header " data-theme ="e ">
1818 < h1 > Dialog</ h1 >
1919
2020 </ div >
Original file line number Diff line number Diff line change 1515
1616< div data-role ="page ">
1717
18- < div data-role ="header " data-theme ="d " data-position =" inline " >
18+ < div data-role ="header " data-theme ="d ">
1919 < h1 > Dialog</ h1 >
2020
2121 </ div >
Original file line number Diff line number Diff line change @@ -31,7 +31,7 @@ <h2>Creating dialogs</h2>
3131 </ code >
3232 </ p >
3333
34- < a href ="dialog.html " data-role ="button " data-inline ="true " data-rel ="dialog " data-transition ="pop "> Open dialog</ a >
34+ < a href ="dialog.html " data-role ="button " data-inline ="true " data-rel ="dialog " data-transition ="pop " data-prefetch > Open dialog</ a >
3535
3636
3737
@@ -61,11 +61,11 @@ <h2>History & Back button behavior</h2>
6161
6262 < h2 > Styling & theming</ h2 >
6363 < p > Dialogs can be styled with different themes, just like any page. Here is a different dialog design:</ p >
64- < a href ="dialog-alt.html " data-role ="button " data-inline ="true " data-rel ="dialog " data-transition ="pop "> An alternate color scheme</ a >
64+ < a href ="dialog-alt.html " data-role ="button " data-inline ="true " data-rel ="dialog " data-transition ="pop " data-prefetch > An alternate color scheme</ a >
6565
6666
6767 < p > And dialogs can be can used more like a control sheet to offer multiple buttons by removing the header:</ p >
68- < a href ="dialog-buttons.html " data-role ="button " data-inline ="true " data-rel ="dialog " data-transition ="slidedown "> Share photos...</ a >
68+ < a href ="dialog-buttons.html " data-role ="button " data-inline ="true " data-rel ="dialog " data-transition ="slidedown " data-prefetch > Share photos...</ a >
6969
7070
7171 </ div > <!--/content-primary -->
Original file line number Diff line number Diff line change @@ -33,7 +33,7 @@ <h2>Page transitions</h2>
3333</ code > </ code >
3434
3535 < p >
36- < a href ="transition-success.html " data-role ="button " data-rel ="dialog " data-transition ="slide "> slide</ a >
36+ < a href ="transition-success.html " data-role ="button " data-rel ="dialog " data-transition ="slide " data-prefetch > slide</ a >
3737 < a href ="transition-success.html " data-role ="button " data-rel ="dialog " data-transition ="slideup "> slideup</ a >
3838 < a href ="transition-success.html " data-role ="button " data-rel ="dialog " data-transition ="slidedown "> slidedown</ a >
3939 < a href ="transition-success.html " data-role ="button " data-rel ="dialog " data-transition ="pop "> pop</ a >
Original file line number Diff line number Diff line change 1313</ head >
1414< body >
1515
16- < div data-role ="page " data-theme =" e " >
16+ < div data-role ="page ">
1717
1818 < div data-role ="header " data-theme ="e ">
1919 < h1 > Ta-da!</ h1 >
2020 </ div > <!-- /header -->
2121
22- < div data-role ="content ">
22+ < div data-role ="content " data-theme =" e " >
2323 < p > That was an animated page transition effect that we added with a < code > data-transition</ code > attribute on the link.</ p >
2424 < p > Since it uses CSS transforms, this should be hardware accelerated on many mobile devices.</ p >
2525 < p > What do you think?</ p >
You can’t perform that action at this time.
0 commit comments