Esempi jQuery Mobile
Pagina jQuery Mobile
Una base web mobile
Più pagine
dialogo
commutazione pagina jQuery Mobile
effetto dissolvenza
Avanti dalla effetto flip posteriori
effetti dei flussi
effetto Pop
effetto scorrevole
Da destra a sinistra scorrimento e dissolvenza effetti
Dal basso verso l'alto effetto di scorrimento
Da cima a fondo effetto scorrevole
effetto flip
Nessun effetto di transizione
effetto inverso
Pulsante jQuery Mobile
pulsante Crea
pulsante in linea
Una combinazione di tasti
pulsante Indietro
Raccordo o un pulsante con angoli arrotondati con
pulsanti di piccole dimensioni o regolari
Pulsante con o senza l'ombra di un'ombra
jQuery Mobile icone dei pulsanti
Aggiungere un'icona a un pulsante
Località icona
Mostra solo icona
jQuery Mobile Toolbar
Creare una testa di colonna e bar coda
Aggiungere pulsante nella barra di intestazione
Aggiungere il pulsante nella testa colonna di sinistra
Aggiungere pulsante sul lato destro della colonna testa
Con i pulsanti della barra posteriore
Allineare la barra posteriore con bottoni
bar coda con una combinazione di tasti
bar di coda con la combinazione di pulsanti orizzontale
posizionamento Inline - testa bar e la colonna di coda e la pagina di contenuto in linea
Corretto posizionamento - testa bar e bar coda fissate alla parte superiore e inferiore della pagina
A tutto schermo posizionamento - testa bar e bar coda fissate alla parte superiore e inferiore della pagina, ma coprirà il contenuto della pagina
jQuery Mobile barra di navigazione
Creare una barra di navigazione
barra di navigazione dei contenuti
Coda barra di navigazione
Aggiungere un pulsante nella barra di navigazione è selezionato (premuto) Aspetto
Continua per aggiungere selezionato (premuto) Aspetto
Icona nella barra di navigazione
10 pulsanti nella barra di navigazione demo
jQuery Mobile blocco pieghevole
Creare un pieghevoli blocchi di contenuto
Espandere il contenuto quando la pagina viene caricata
blocco pieghevole nidificato
raccolta pieghevole
Annulla blocco pieghevole arrotondata su
Lasciate blocco pieghevole più piccolo
Cambia icona blocco pieghevole
elenco comprimibile
modulo pieghevole
jQuery Mobile griglia
due di layout
tre layout
Quattro di layout
cinque di layout
griglia personalizzata
In mezzo al multi-linea
Lista mobile jQuery
Creare una visualizzazione elenco
visualizzazione elenco con gli angoli arrotondati
elenco delimitato
separazione automatica
Creare un filtro di ricerca
Modificare il testo nella casella di ricerca
Creare un elenco di sola lettura
Aggiungi alla lista articoli miniature
Aggiungere elementi HTML, elementi di elenchi pieni di informazioni
Aggiungere icone alla lista articoli
Creare un elenco con un pulsante di divisione
Fare un elenco di elementi più funzionali
Creare numero di bolle
Creare un elenco predefinito collegamento elemento icona
elenco comprimibile
Crea calendario
jQuery Mobile Modulo
casella di immissione di testo
campi di immissione di testo
casella di input di ricerca
pulsante Radio
casella di controllo
pulsanti orizzontali radiofonici combinazione e caselle di controllo
contenitori campo con pulsanti di opzione e caselle di controllo
pulsante di preselezione / casella di controllo
Creare un menu di selezione
Creare un menu di selezione con partizione (optgroup) di
Personalizzato Selezionare Menu
Selezionare più di una opzione nel menu di selezione
Portfolio di selezione menu
livello di menu di selezione del portafoglio
opzioni preselezionate
modulo pieghevole
Creare un controllo di scorrimento
Evidenziare valore del cursore Highlight
Creare un interruttore a levetta
interruttore a levetta di pre-selezione
Temi jQuery Mobile
Tema "a"
Tema "b"
testa a tema e contenuti coda
Tema finestra
pulsante argomenti
icone a tema
La testa e la coda del pulsante Temi
Discussione barra di navigazione
Argomento pulsanti pieghevoli e contenuti
Elenco degli argomenti
SPLIT argomento
Elenco degli argomenti pieghevole
Temi Form
modulo pieghevole argomento
Tema personalizzato
jQuery Mobile Touch eventi
Fare clic (Tap) Event
Fare clic e tenere (Taphold) Event
Far scorrere (il Swipe) Event
Swipe sinistra (Swipeleft) Event
Scorrere verso destra (Swiperight) Event
avvio di scorrimento (Scrollstart) Event
fine di scorrimento (Scrollstop) Event
Cambio di direzione eventi (orientationChange) - ha indotto le direzioni
Cambio di direzione (orientationChange) evento - come ritratto e del paesaggio impostare stili diversi