jquery mobile
- Questo topic ha 4 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 9 anni fa da renato.
- AutorePost
- 7 Aprile 2015 alle 14:39 #6687renatoPartecipante
Buongiorno a tutti,
sono nuovo sia del forum che di Jquery e Ajax.
Ho letto un po’ di informazioni (tutorial, videolezioni ecc.) ed ho iniziato a cimentarmi nel creare qualcosa di concreto (forse prematuramente, ma comunque ci provo).
Vorrei fare una piccola webapp che scambi informazioni con un database mysql tramite il linguaggio php. Così ho letto di “jquery mobile” ed ho iniziato a provare.
Purtroppo mi sono bloccato su una operazione che non riesco a capire.
Potete vedere il mio tentativo visitando questo link: http://www.eyenet.it/test/
In pratica mediante una select, con l’evento change, faccio popolare una listview (tramite una chiamata Ajax) e contemporaneamente faccio creare i div rispettivi ad ogni lelemento della lista che contengono le immagini grandi che dovrebbero essere aperte come popup.
Il codice per far funzionare il popup l’ho preso dalle demo http://demos.jquerymobile.com/1.4.5/popup/ alla sezione “photo lightbox”.
Purtroppo come vedrete dal link che vi ho postato le immagini grandi non vengono visualizzate come popup al click di uno degli elementi della lista, ma vengono visualizzati direttamente nella pagina ( nel div che ho predisposto e popolato con jquery).L’idea che mi sono fatto è che quegli elementi forse non fanno parte del DOM e quindi non vengono interpretati a dovere.
Così ho ispezionato la pagina con gli elementi della listview già caricati (con firebird) ed ho copiato tutto il codice in un’altra pagina html per testarne il comportamento. Infatti se visitate http://www.eyenet.it/test/test.htm noterete che cliccando sull’unico elemento presente il popup si aprirà correttamente.Spero di non aver detto fesserie 🙂
Ringrazio anticipatamente tutta la community e chiunque voglia aiutarmi
8 Aprile 2015 alle 09:18 #6688renatoPartecipanteho creato una demo per far generare il problema: https://jsfiddle.net/renatobelfiore/aqoqd1ab/
grazie.
8 Aprile 2015 alle 11:43 #6689renatoPartecipanteHo risolto!
Avevo bisogno di far ricaricare gli stili per gli elementi passati da Ajax.
in poche parole dopo la chiamata ad Ajax scrivevo i dati ricevuti così:
$("#foto").html(msg[1]);
invece il modo corretto è questo:
$("#foto").html(msg[1]).trigger('create');
Spero sia la maniera corretta per farlo, comunque il risultato ottenuto è quello voluto.
Grazie comunque a tutti.
9 Aprile 2015 alle 12:21 #6694jqueryitaliaAmministratoreCiao Renato!
Averne di utenti come te: richiesta di aiuto, messa online di una demo e risoluzione del problema con spiegazione sul Forum fattio tutto da solo…
DA APPLAUSI!!!Bravo!
14 Aprile 2015 alle 19:57 #6701renatoPartecipanteCiao Keymaster,
che dire… del resto i forum servono proprio a questo, chiedere e dare aiuto.
Quando posto un problema, nell’attesa di avere risposta, continuo a cercare in giro per il web.
Poi se trovo autonomamente la soluzione, la condivido …magari può servire a qualcun altro .Comunque ti ringrazio per il “Bravo!” 🙂
- AutorePost
- Devi essere connesso per rispondere a questo topic.