2012-05-25 1 views
6

avevo cercato di attuare un split view utilizzando il codice di esempio JQuery mobile Phone gapiPhone JQuery: Come implementare una vista Spalato in iPad utilizzando jQuery Mobile + divario telefono in iPhone

inindex.html

<head> 
     <link rel="stylesheet" href="inc/jquery.mobile.structure-1.0.1.min.css" /> 
     <link rel="stylesheet" href="inc/jquery.mobile-1.0.1.min.css" /> 
     <link rel="stylesheet" href="inc/resources/css/jquery.toastmessage.css" /> 

     <script type="text/javascript" src="inc/jquery-1.7.1.min.js"></script> 
     <script type="text/javascript" src="inc/jquery.mobile-1.0.1.min.js"></script> 

     <script type="text/javascript" src="inc/phonegap-1.2.0.js"></script> 
    </head> 

    <body> 

     <div data-role="page" data-theme="c"> 
      <div data-role="header"> 
       Mpbile Split View 
      </div> 

      <div data-role="content"> 

       <!--- Left side view------> 
       <div class="left-content"> 
        <h3>lef hand content</h3> 
        <ul data-role="listview"> 
         <li>One</li> 
         <li>One</li> 
         <li>One</li> 
         <li>One</li> 
        </ul> 
       </div> 

       <!--- Right side view------> 
       <div class="right-content"> 
        <h3>Right hand content</h3> 
        <ul data-role="listview"> 
         <li>Two</li> 
         <li>Two</li> 
         <li>Two</li> 
         <li>Two</li> 
        </ul> 
       </div> 
      </div> 
     </div> 


    </body> 
</html> 

Ma mostra entrambi vista sulla stessa pagina uno per uno verso il basso come mostrato di seguito

enter image description here

devo due tabelle come split viewuno nel lato sinistro (root view) e altro nel lato destro (details view)

come è possibile utilizzare jQuery? grazie in anticipo

+0

cosa è nel CSS? – Grumpy

risposta

1

È possibile utilizzare http://jeromeetienne.github.com/jquery-mobile-960/ e dividerlo con che le reti.

Se conosci 960.gs o qualsiasi altro framework di griglia css, sarà molto facile per te. C'è una demo di utilizzo nel sito menzionato.

+0

Questo è un progetto GitHub che non è stato aggiornato in 3 anni. La documentazione sembra essere molto buona e la pagina principale funge da esempio di come funziona. D'altra parte, sembra un po 'eccessivo se tutto quello che vuoi è dividere lo schermo dell'iPod a metà. Infine, c'è un commento di cinque mesi, ancora senza risposta, che chiede se sarà aggiornato per supportare le ultime versioni di jQuery. Dico "No!" – samwyse

1

Prova a utilizzare il mio multiview plugin.

Esso permette 1/2/3 pannelli side-by-side, più pannelli popover in jQuery Mobile. Non l'ho provato con PhoneGap (semplicemente finendo per JQM 1.1), quindi se provi, per favore fammi sapere se funziona (dovrei indovinare).

Utilizzare la versione 1.1 e JQM 1.1.multiview, che richiede alcune modifiche per funzionare.

Attualmente sto facendo il nuovo sito README e campione. Dovrebbe essere in pochi giorni.

+0

fantastico - funziona come un fascino. grazie per la condivisione. – dirkk0

+0

Questo è un progetto GitHub che non è stato aggiornato in 2 anni, non ha ancora un file README né altra documentazione che possa vedere, e ancora nessun puntatore a un sito di esempio. Dico "No!" – samwyse

+0

Se puoi permetterti il ​​tempo di fornirti qualcuna di quelle sopra, sentiti libero di pubblicare, aggiornare e gestire, perché attualmente non posso ... – frequent