☰

» »

[jquery mobile] scrolling lista

[jquery mobile] scrolling lista

sebavet ::

V jquery mobile bi rabil scroll listo (lahko v popupu). Stvar naj bi bla podobna select pri navadnem HTML kjer daš size=5. to pomeni, da če dam več kot 5 optionov se na strani nastavi scroll. Če dam select v jqueryu mobile ne morem nastavljat size. Ne glede na to koliko nastavim size vedno lahko vidim le dve vrstici in nič več.

Kocka ::

Select se v JQM uporablja takole:
  <fieldset data-role="fieldcontain">
    <label for="day">Select Day</label>
    <select name="day" id="day">
       <option value="mon">Monday</option>
      <option value="tue">Tuesday</option>
       <option value="wed">Wednesday</option>
    </select>   
  </fieldset>

Glej link:
http://www.w3schools.com/jquerymobile/j...

Ne rabiš se nič ukvarjati s številom prikazov. Napravica ti sama ponudi ravno pravo število in velikost opcij glede na velikost zaslona.

sebavet ::

Ja, to je res, vendar ti ob prevelikem številu itemov stran "prevzame" velik popup, ki ga moreš zapret z x, da prideš na staro stvar. Jaz bi pa rad, da ob večjem številu 'itemov' ostali gradniki na strani ostanejo, seznam pa se spremeni v select size=5 (5 vrstična lista).

primer:
<!DOCTYPE html>
<html>
<body>

<select size=5>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi" selected>Audi</option>
</select>

</body>
</html>


tega v jqm ne moreš naredit, ker ti size=5 ne upošteva. če pa uporabim jqm select, kot si ga ti zgoraj navedel, in je število optionov preveliko mi prevzame stran, tega pa nočem, hočem, da nastane scroll, kot v zgoraj navedenem primeru.

Kocka ::

Ena varjanta je še, da znotraj select taga začasno onemogočiš jquery styling tako da dodaš atribut data-role="none". V tem primeru se bo koda samo znotraj tega taga obnašala, kot navaden HTML.

glej primer: http://stackoverflow.com/questions/4348...

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

[jquery mobile] datepicker

Oddelek: Izdelava spletišč		71092 (824) Kocka
»

[js jquery] širina diva

Oddelek: Programiranje		141196 (1064) alexa-lol
»

[js] jquery popup

Oddelek: Programiranje		7777 (581) korenje3
»

jquery in div-i (strani: 1 2 )

Oddelek: Izdelava spletišč		8711247 (9985) lisjak
»

1st web project... speed up?

Oddelek: Programiranje		172711 (2075) galu

Več podobnih tem