Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    [jquery] Popolare una lista dinamicamente

    Ciao a tutti,
    sono un novizio di jquery e scusate se il problema che sto postando vi sembrerā banale ma non so come andare avanti.

    utilizzo il seguente codice html:

    codice:
    <!DOCTYPE html> 
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Applicazione Web jQuery Mobile</title>
    <link href="jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/>
    <script src="jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script>
    <script src="jquery-mobile/jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
    <!-- Questo riferimento a phonegap.js permette di utilizzare i suggerimenti sul codice, a condizione che il sito corrente sia stato configurato come applicazione mobile. 
    	 Per configurare il sito come applicazione mobile, scegliete Sito -> Applicazioni mobili -> Configura Application Framework. -->
    <script src="phonegap.js" type="text/javascript"></script>
    <script src="jquery.js" type="text/javascript"></script>
    
    <script>
    
         	$(document).ready(function(){
    			 //$('#lista1').html('[*]Pagina tre');
    		});
         </script>
    </head> 
    <body> 
    
    <div data-role="page" id="page">
    	<div data-role="header">
    		<h1>Pagina uno pippo</h1>
    	</div>
    	<div data-role="content">	
    		<ul data-role="listview" id="lista1">[*]Pagina tre
    		[/list]		     
    	</div>
    	<div data-role="footer">
    		<h4>Pič di pagina</h4>
    	</div>
    </div>
    </body>
    </html>
    La cosa che non mi č chiara č la differente visualizzazione della lista nel caso decommenti la riga:

    //$('#lista1').html('[*]Pagina tre');

    Nel caso di riga commentata l'elemento della lista risulta visualizzato con una freccia sul lato destro.

    Tale effetto lo vorrei mantenere anche quando vado a popolare la lista dinamicamente ma se decommento la riga mostrata in precedenza l'elemento della lista appare semplicemente come un link.

    Dove sbaglio.

    Io mi aspettavo che i due codici fossere perfettamente uguali.

    Ciao e grazie
    Francesco

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    ma la formattazione da cosa č data da:
    > data-role="listview"
    > id="lista1"
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Si si
    allego anche il codice con i css cosi dovrebbe essere piu semplice aiutarmi

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Si cosa? Io quel data-role mai visto, potrebbe darsi che jquery non lo "digerisca" usa id o aggiungi una classe per la formattazione
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    uffa non si possono allegare file zip

  6. #6
    http://www.yourinspirationweb.com/20...e-delle-liste/


    come puoi vedere data-role si tratta di un attributo usato da jquery mobile

  7. #7
    Ciao ragazzi,
    ho trovato la soluzione al mio problema.

    Per far si che la formattazione dell'elemento della lista ritorni corretta bisogna aggiungere la seguente linea di codice:


    $('ul').listview('refresh');


    Ciao e cmq grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.