2011-10-17 17 views
6

Ecco la mia storia:Jquery mobile pageslide, nuovo menu facebook

Voglio qualcosa come il nuovo menu di Facebook sul lato sinistro dello schermo. È davvero bello e spero di aggiungerlo alla mia webapp, ma il problema è che non sono molto bravo in css e peggio ancora in css3.

Dopo poche ore di ricerca ho scoperto questo link:

https://github.com/perezd/jquery-pageslide

E 'esattamente quello che voglio, è perfetto. Ma non funziona (non ancora) per i dispositivi mobili. Quando viene premuto il collegamento, si apre una pagina completamente nuova, invece del div che scorre nella vista.

Qualche idea su come farlo funzionare?

+0

cosa hai provato? Anche il codice di esempio sarebbe bello, per favore modifica la tua domanda e/o aggiungi un link usando http://www.jsfiddle.net per aiutarci a capire meglio dove sei bloccato nel processo –

+0

Ok, scusa lo farò domani. Ho usato il codice dal link github nel mio post. Mi riferivo ai file jqeury mobili (css e js) e legavo le pagine a un pulsante. Quando lo preme, apre una pagina completamente nuova. Mentre sto scrivendo questo commento, sto pensando, forse è perché jquery mobile aggiunge automaticamente alla pagina "data-role =" div? Beh, questo è solo un pensiero, ma lo controllerò domani :) Spero di averti dato una risposta;) se non lo dico a –

risposta

15

Volevo anche implementare questo nuovo menu stile FaceBook e this is what I came up with. Spero che sia d'aiuto. Sono sicuro che questo potrebbe essere fatto meglio ma questo è stato il mio tentativo.

+0

grazie, Il suo fantastico plugin! – uday

1

Non completamente funzionante, ma dovrebbe puntare nella giusta direzione:

Le pagine di diapositive non caricare il testo, ma la slitta la transizione funziona, inoltre potresti dover modificare anche la transizione ravvicinata.

Spero che questo aiuto

+0

Grazie mille per il tuo commento.Mi apprezzo il tuo aiuto in questo! –

3

Questo argomento è vecchio ma qui è una soluzione di lavoro per i dispositivi mobili:

che sta lavorando su Windows Phone, iOS e dispositivi Android.

Ho cercato di mantenere il codice il più semplice possibile, è facile da capire e modificare.

http://apptitudes.github.com/SlidingMenuJS/

Controllare le menu_nav.js di file è meno di 100 linee.