Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
Javascript - changePge in jquery mobile
Forum - Javascript - changePge in jquery mobile

Avatar
giocala88 (Normal User)
Expert


Messaggi: 248
Iscritto: 23/04/2008

Segnala al moderatore
Postato alle 18:39
Sabato, 11/06/2016
Salve ragazzi vorrei capire una cosa riguardo jQuery.mobile.changePage: dalla documentazione ufficiale ci sono degli esempi che attraverso la classe changePage() è possibile aggiornare il contenuto in una pagina jquery (data-role='page') attraverso una richiesta verso un url (pagina .html o .php). Alchè volevo testarne il funzionamento ma non mi visualizza nulla. Dove sbaglio?
Codice sorgente - presumibilmente Javascript
  1. <!doctype html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">
  6.         <title>jQuery.mobile.changePage demo</title>
  7.         <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  8.         <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
  9.         <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  10.     </head>
  11.     <body>
  12.         <div data-role="page" id="page1">
  13.             <div data-role="header">
  14.                 <h1>Page 1</h1>
  15.                 <a href='#' onclick='change()'>change</a>
  16.             </div>
  17.             <div role="main" class="ui-content" id='pc'>
  18.             </div>
  19.         </div>
  20.        
  21.         <div data-role="page" id="page2">
  22.             <div data-role="header">
  23.                 <h1>Page 2</h1>
  24.                 <a href='#' onclick='change()'>change</a>
  25.             </div>
  26.             <div role="main" class="ui-content" id='pc2'>content</div>
  27.         </div>
  28.  
  29.         <script>
  30.             function change() {
  31.                 $.mobile.changePage("#page2", {
  32.                     type: 'post',
  33.                     dataUrl: 'p.php',
  34.                     transition: "none",
  35.                     pageContainer: '#pc2',
  36.                     reverse: false,
  37.                     changeHash: false
  38.                 });
  39.             }
  40.         </script>
  41.  
  42.     </body>
  43. </html>

In pratica vorrei che al click "change" facesse un cambio pagina (ok) e aggiornasse il contenuto di "p.php" nel div role='main' con id='pc2'.
Grazie

PM Quote
Avatar
TheDarkJuster (Member)
Guru^2


Messaggi: 1620
Iscritto: 27/09/2013

Segnala al moderatore
Postato alle 12:49
Martedì, 14/06/2016
Credo che debba usare ajax per aggiornare la pagina senza aggiornarla.

Scusa ma non ho ben capito ciò che vuoi fare...

PM Quote