Ukifanyikia wa kusoma kwa jQuery Mobile

Mashirika ya jQuery Mobile ya Muundo wa Mifumo

jQuery Mobile ina chati cha muundo wa kijicho kinachotumia CSS. Hata hivyo, haukubadilika kufanyika muundo wa kijicho kwenye vifaa vya kifaa kwa sababu ukubwa wa mawimbi wa kifaa.

Kwa hivyo, baadhi ya zamani inahitajika kuingia kwenye kijicho kinachotumiwa kama mtiririko, kama mbinu ya kichwa, kama katika jenga la tabia. Hii inaonekana kama muundo wa kijicho.

Kijicho cha mtandao kinachopita kwa kinaadui (kinaadui cha kijicho ni 100%), kinaumwa na mabara, mwelekezo kubwa na mwelekezo kikuu.

Kikundi cha mtandao kilichoweza kutumika ni kama:

kikundi cha mtandao kijicho kifungu cha kijicho kinaadui mifano
ui-grid-a 2 50% / 50% ui-block-a|b Mchakato
ui-grid-b 3 33% / 33% / 33% ui-block-a|b|c Mchakato
ui-grid-c 4 25% / 25% / 25% / 25% ui-block-a|b|c|d Mchakato
ui-grid-d 5 20% / 20% / 20% / 20% / 20% ui-block-a|b|c|d|e Mchakato

Taharira:Kwenye kijicho cha kawaida, kulingana na ukubwa wa kijicho, watoto wengi wana wakilisha kama ui-block-a|b|c|d|e. Kijicho hiki kinakusaidia kufikiria kama kijicho kilichotumia mawimbi.

Mifano 1: Kwa kikundi cha ui-grid-a (muundo wa kijicho mbili), inahitajika kumkinga watoto wawili wa ui-block-a na ui-block-b.

Mifano 2: Kwa kikundi cha ui-grid-b (muundo wa kijicho tatu), tafadhaliongezesha watoto tatu wengi wa ui-block-a, ui-block-b na ui-block-c.

Kudumuisha mtandao

Inaweza kudumuisha kwa kutumia CSS:

mifano

<style>
.ui-block-a, 
.ui-block-b, 
.ui-block-c 
{
mabara wa nguvu: kijani;
kifungu: 1px kufikia mwezi;
height: 100px;
font-weight: kifupi;
kueleza: kati;
mwelekezo: 30px;
}
</style>

Tafuta tena

Inaweza kudumuisha kwa kutumia mtindo wa kijana:

<div class="ui-block-a" style="kifungu: 1px kufikia mwezi;"><span>Mashairi..</span></div>

Mawili ya mitaani

Inapatikana kwa kuwa na mawili au zaidi ya mitaani kwenye kundi linalotumiwa kama kichwa:

Kueleza:ui-block-a-class inayotengenea kichwa kipya:

mifano

<div class="ui-grid-b">
  <div class="ui-block-a"><span>Mashairi ya kwanza</span></div>
  <div class="ui-block-b"><span>Mashairi ya pili</span></div>
  <div class="ui-block-c"><span>Mashairi ya tatu</span></div>
  <div class="ui-block-a"><span>Mashairi ya kwanza</span></div>
  <div class="ui-block-b"><span>Mashairi ya pili</span></div>
  <div class="ui-block-a"><span>Mashairi ya kwanza</span></div>
</div>

Tafuta tena