Ukoma wa jQuery Mobile

Ukoma wa jQuery Mobile

Mifungo ya kifunzi kinasema kuingia nje kwenye kichwa cha ukurasa na kipenyo cha chini - kwa kumaliza tabia ya ukuwa amekamilika:

Kipenyo cha kichwa cha ukurasa

Kichwa cha ukurasa kinasema kwa kuingia nje kipenyo cha kichwa cha ukurasa au LOGO au mifungo moja au mbili (kama ni nyumbani, chaguo au mifungo ya tafuta).

Unaweza kuingia nje mifungo kwenye kichwa cha ukurasa kwenye uangalifu wa kushoto au pamoja na uangalifu wa kushoto.

Maktaba hii, inayotumia kuingia nje mifungo kwenye uangalifu wa maandiko wa kichwa cha ukurasa cha kichwa cha ukurasa, na kuingia nje mifungo kwenye uangalifu wa uangalifu wa kichwa cha ukurasa:

Mfano

<div data-role="header">
  <a href="#" data-role="button">Nyumbani</a>
  <h1>Waheshima kwa kumwambia makao yangu</h1>
  <a href="#" data-role="button">Tafuta</a>
</div>

Jifunze tena

Maktaba yaliyotumiwa hivi ni inayotumia kuingia nje mifungo kwenye uangalifu wa kichwa cha ukurasa cha kichwa cha ukurasa:

<div data-role="header">
  <a href="#" data-role="button">Nyumbani</a>
  <h1>Waheshima kwa kumwambia makao yangu</h1>
</div>

Tatizo, kama una kuingia nje mifungo na viungo kwa kichwa cha ukurasa kwa baada ya kichwa cha ukurasa cha <h1>, hauonekana kwenye uangalifu wa maandiko. Kwa kuingia nje mifungo kwenye uangalifu wa kichwa cha ukurasa cha kichwa cha ukurasa, kumaliza jina la kiklasa "ui-btn-right":

Mfano

<div data-role="header">
  <h1>Waheshima kwa kumwambia makao yangu</h1>
  <a href="#" data-role="button" class="ui-btn-right">Tafuta</a>
</div>

Jifunze tena

Mtaarifu:Kichwa cha ukurasa kinaweza kuongeza mifungo moja au mbili, lakini kipenyo cha chini hau na uadilifu.

Kipenyo cha kichwa cha ukurasa

Kwa ukiwa na kichwa cha ukurasa, kipenyo cha chini kinakadiriwa zaidi - kwa sababu ina uwanja wa kufikiria na uwezo wa kufanana, kwa sababu inaweza kuongeza nafasi ya mifungo:

Mfano

<div data-role="footer">
  转播到新浪微博
  转播到腾讯微博
  转播到 QQ 空间
</div>

Jifunze tena

注释:页脚与页眉的样式不同(它会减去一些内边距和空白,并且按钮不会居中)。如果要修正该问题,请在页脚设置类名 "ui-btn":

Mfano

<div data-role="footer" class="ui-btn">

Jifunze tena

您也能够选择在页脚中水平还是垂直地组合按钮:

Mfano

<div data-role="footer" class="ui-btn">
  <div data-role="controlgroup" data-type="horizontal">
    <a href="#" data-role="button" data-icon="plus">Kusaidia kwenye Weibo ya Sina</a>
    <a href="#" data-role="button" data-icon="plus">Kusaidia kwenye Weibo ya Tencent</a>
    <a href="#" data-role="button" data-icon="plus">Kusaidia kwenye QZone</a>
  </div>
</div>

Jifunze tena

Kufungua kinao na kizitoa

Mitoa ya kufungua kinao na kizitoa ni tatu:

  • Pengineza ya Kinao - kwa msingi. Kinao na kizitoa kinao na matokeo wa kinao kinao kinao.
  • Pengineza ya Kinao - pana na kinao na kizitoa kinao kipakua kinao kinao kinao.
  • Pengineza ya Kinao - kama kinao ya kinao; pana na kinao na kizitoa kinao kipakua kinao kinao kinao, na pia inaonekana kwa uharibifu

Tumia ujaribio data-position kufungua kinao na kizitoa:

Pengineza ya Kinao (kwa msingi)

<div data-role="header" data-position="inline"</div>
<div data-role="footer" data-position="inline"</div>

Jifunze tena

Pengineza ya Kinao

<div data-role="header" data-position="fixed"</div>
<div data-role="footer" data-position="fixed"</div>

Jifunze tena

Ikiwe na kufungua uenezi wa pengineza kinao, tumia data-position="fixed", naongeza ujaribio data-fullscreen kwa elementi hii:

Pengineza na kinao kipakua

<div data-role="header" data-position="fixed" data-fullscreen="true"</div>
<div data-role="footer" data-position="fixed"} data-fullscreen="true"</div>

Jifunze tena

Mtaarifu:Kwa picha, taswira na video, kina la kusikia linaingia kwa kina.

Mtaarifu:Kwa sababu ya kiwango cha kufungua na kusikia, kina la tukio lizungumza na kumaliza na kumonisha kifungu cha kwanza na kifungu cha kufikia.