Il miglior tutorial pop jQuery Mobile Nel 2024, in questo tutorial puoi imparare Esempi,Esempi,Chiudi,Posizionamento pop,Esempi,transizione,Tutte le istanze di effetti di transizione,direzione Pop piccolo bordo,Esempi,finestra Pop,Esempi,immagine pop,Esempi,copertura pop Sfondo,Esempi,Esempi,
È molto popolare pop-up di dialogo pop possono essere sovrapposti sul display pagina.
Pop-up può essere utilizzato per visualizzare un testo, immagini, mappe o altri contenuti.
Creare un pop, e la necessità di utilizzare <a> <div> elemento. Aggiunta di dati-rel = proprietà "pop-up" sul <a> elemento <div> elemento per aggiungere i dati-role = attributo "pop-up". Poi specifichiamo ID per il <div>, e quindi impostare il valore href <a> <div> id specificato. <Div> Il contenuto è esposizione pop contenuti.
Nota: <div> pop e fare clic su un collegamento <a> deve essere sulla stessa pagina.
Se è necessario aggiungere imbottitura verso l'esterno e verso il pop può aggiungere categoria "ui-content" nella <div> in:
Per impostazione predefinita, cliccando pop area esterna o premere il tasto "Esc" per chiudere la finestra. Se non si vuole toccare l'area esterna del pop Chiudi può aggiungere l'attributo = "false" data-dismissible in aggiunta (non raccomandato). È inoltre possibile aggiungere il pulsante Chiudi pop, utilizzando i dati-rel = tasto "indietro" sulla proprietà, e attraverso lo stile per controllare la posizione del pulsante.
descrizione | Esempi |
---|---|
Chiudere il pulsante sul lato destro | provare |
Chiudi pulsante a sinistra | provare |
Utilizzando proprietà data-dismissible | provare |
Per impostazione predefinita, il popup appariranno direttamente sopra clic sull'elemento, se avete bisogno di controllare la posizione del pop, è possibile utilizzare i dati di posizione da attribuire per l'apertura di clic pop sul link.
Controllare posizioni pop in tre modi:
Proprietà Valore | descrizione |
---|---|
dati di posizione-to = "finestra" | Popups visualizzati al centro della finestra |
dati-position-to = "# myid" | Popup visualizzati sugli elementi noti #id |
dati-position-to = "origine" | Predefinito. Clicca sugli elementi di visualizzazione pop. |
Per impostazione predefinita, il pop è alcun effetto di transizione. Se si desidera è possibile aggiungere effetti di transizione (tramite data-transizione = "valore" attributo jQuery Mobile di transizione ):
Se è necessario aggiungere un po 'di direzione pop del confine, è possibile utilizzare la proprietà data-freccia e specificare il valore "L" (a sinistra), "t" (in alto), "r" (a destra) o "b" (in basso):
Si può pop prodotta da una finestra di dialogo standard (il capo, e il contenuto del marchio in basso):
È possibile utilizzare le proprietà dei dati-overlay-tema dopo il pop aggiungere un colore di sfondo.
Per impostazione predefinita, che copre il colore di sfondo trasparente. Utilizzando i dati-overlay-theme = "a" per aggiungere uno sfondo chiaro, l'uso dei dati di sovrapposizione-theme = "b" aggiungere la copertura scura di sfondo:
Generali popup background image spesso si sovrappongono:
Nota: Nel prossimo capitolo, imparerete come utilizzare le forme di pop.