2011-10-17 13 views
6

Tutaj moja historia:JQuery mobile pagelide, nowe menu facebooka

Chcę czegoś takiego jak nowe menu na Facebooku po lewej stronie ekranu. To naprawdę miłe i mam nadzieję dodać to do mojej aplikacji webowej, ale problem polega na tym, że naprawdę nie jestem dobry w css, a jeszcze gorzej w css3.

Po przeszukaniu kilku godzin znalazłem się w ten link:

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

to jest dokładnie to, co chcę, to jest doskonały. Ale nie działa (jeszcze nie) na urządzenia mobilne. Po naciśnięciu linku otwiera się zupełnie nowa strona, zamiast elementu div przesuwanego do widoku.

Jakieś pomysły, jak to działa?

+0

co próbowaliście? Przykładowy kod również byłby niezły, edytuj swoje pytanie i/lub dodaj link za pomocą http://www.jsfiddle.net, aby pomóc nam lepiej zrozumieć, gdzie utknąłeś w procesie. –

+0

OK, przepraszam, zrobię to jutro. Użyłem kodu z linku github w moim poście. Odniosłem się do mobilnych plików jqeury (css i js) i powiąłem stronę do przycisku. Po naciśnięciu otwiera nową stronę. Kiedy piszę ten komentarz, myślę, może to dlatego, że jquery mobile dodaje automatycznie do div "data-role =" stronę "Cóż, to tylko myśl, ale sprawdzę to jutro :) Mam nadzieję, że dałem ci odpowiedź;) jeśli nie powiedzieć pls. –

Odpowiedz

15

Chciałem także wdrożyć nowe menu w stylu Facebookiem i this is what I came up with. Mam nadzieję, że to pomoże. Jestem pewien, że można to zrobić lepiej, ale to była moja próba.

+0

dzięki, jego niesamowita wtyczka! – uday

1

nie w pełni działa, ale powinien wskazać we właściwym kierunku:

Strony slide nie ładują tekst ale slajd Prace przejściowe, również być może trzeba poprawić również zakończenie przejścia.

Nadzieja ta pomoc

+0

Bardzo dziękuję za komentarz. Doceniam twoją pomoc w tym! –

3

Ten temat jest stary, ale tutaj jest roztwór roboczy dla urządzeń mobilnych:

to działa na telefonie Windows, iOS i Android.

Starałem się, aby kod był tak prosty, jak to tylko możliwe, łatwo go zrozumieć i zmodyfikować.

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

Sprawdź Plik menu_nav.js To mniej niż 100 linii.