Narysuj Strona mobilna z jQuery Mobile

jQuery Mobile jest, HTML5 oparte na systemie interfejs dotykowy zoptymalizowane.Jest on zbudowany na platformie jQuery i jQuery UI i jest idealny do szybkiego rozwoju telefonii komórkowej.Ramy jQuery komórkowy wykorzystuje specjalne atrybuty, aby pomóc zdefiniować i styl swoich elementów, bez konieczności pisania szczegółowych przepisów klasowych siebie.

1. 1
   Przejdź do strony głównej jQuery Mobile, a następnie kliknąć na przycisk "Pobierz" kartę z głównego menu nawigacyjnego.

   Reklama

   Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
2. 2
   Przewiń w dół na stronie pobierania, aż pojawi się skopiować i wkleić fragment kodu dla CDN-gospodarzem plików sekcji .

   instagram viewer

   Kopiowanie linie kodu na schowka.Te trzy pliki referencyjne są wszystko, co potrzebne do wdrożenia ram.

   Reklama

   Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
3. 3
   Otwórz preferowane programistyczne i utworzyć nowy dokumentu HTML.

   Jeśli nie masz programistyczne, otwórz aplikację Notatnik na komputerze.

   Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
4. 4
   Dodaj odniesień do dokumentu HTML.

   w twojej głowie tagów , wklej CDN-gospodarzem linki do plików.

   Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
5. 5
   Stwórz swoją pierwszą stronę "" .

   W ramach jQuery Mobile tworzenia wielu stron w tym samym dokumencie HTML.Wewnątrz tagów ciała, utworzyć kontener div.Dodaj atrybut danych ról i przypisać mu wartość strona .Na koniec należy dodać atrybut ID i przypisać mu wartość domu .

   Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
6. 6
   Dodaj nagłówka , treści i stopki pojemników div .

   Wewnątrz swojej stronie div kontenera, należy utworzyć trzy kolejne znaczniki DIV.Korzystanie atrybut danych ról przypisać wartości nagłówka , zawartości i stopki odpowiednio.Jest to podstawowa struktura strony jQuery Mobile.

   Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
7. 7
   Dodaj nagłówka i stopki tytuły.

   Używanie h1 pozycji znacznika, tworzenie pozycji tytułów tagów nagłówka i stopki.

   Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
8. 8
   Utwórz drugą stronę .

   zewnątrz pojemnika div, który ma swoją rolę danych atrybut ustawiony na stronie, należy utworzyć nowy kontener div.Dodaj atrybut danych ról , a następnie ustawić go na stronie.Dodaj atrybut ID , a następnie ustawić go na stronie 2. Na koniec dodaj pojemników div dla nagłówka, treści i stopki, więc struktura przypomina stronę główną.

   Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
9. 9
   utworzyć stronę menu .

   Strona menu ma być tworzone w taki sam sposób, jak w pierwszych dwóch stronach, ale bez stopki.Utwórz kontener div i ustawić jego atrybut danych rolę do strony.Dodaj atrybut ID i nadać mu wartość main_nav.

   Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
10. 10
    Tworzenie nawigacji struktura menu.

    Wewnątrz treść div kontenera , utworzyć listę nieuporządkowaną.Dodaj atrybut danych ról i ustawić jego wartość na ListView.Dodaj atrybut wstawka danych i ustawić jego wartość na true.Wewnątrz tagów ul na liście nieuporządkowanej, dodać dwa znaczniki list-item( tags Li).

    Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
11. 11
    Tworzenie linki menu.

    wewnątrz pierwszej tagów list-item, utworzyć znacznik zakotwiczenia.Dodaj atrybut href do znacznika zakotwiczenia.Użyj symbolu hashtag kierować atrybut ID , a następnie wpisz "do domu".Ten skierowany do "domu" div kontenera.Wykonaj tę samą procedurę dla drugiego list-item, ale tym razem typu hashtag "Strona2" kierować drugą stronę.

    Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
12. 12
    Dodaj linki do innych stron menu .

    Teraz, gdy menu jest tworzone, trzeba ustawić znaczniki zakotwiczenia na swoim "domu" i "strona 2" stron do niego dostęp.Przewijanie w górę i znajdź sekcję nagłówka swojej stronie głównej.Dodaj znacznik zakotwiczenia wewnątrz kontenera nagłówka, tuż przed znacznikiem h1 .Stosując ten sam proces łączenia, jak to było z menu, ustaw atrybut href do hashtag "main_nav".Dodawanie danych ról atrybut i nadać mu wartość przycisku.Dodawanie danych ikona atrybut i nadać mu wartość barów.Na koniec należy dodać atrybut danych iconpos i nadać mu wartość notext.Stwarza to przycisk po lewej stronie tytułu nagłówka.Powtórz tę czynność dla strony STR.2.

    Czy ta krokiem była pomocna?Tak |Nie |Potrzebuję pomocy
    Reklama

• utworzyć dowolną liczbę stron w tym samym dokumencie HTML, jak chcesz.jQuery Mobile korzysta system nawigacyjny AJAX, która automatycznie w rzutach podczas tworzenia wielu stron w tym samym dokumencie.
• Dodawanie danych przejściowy atrybut do kotew na wizualnie uspokojenia przejścia między stronami.Przejścia są dostępne na blaknięcie, pop, odwracanie, kolej, przepływ, slidefade, zjeżdżalnia, slideUp i slidedown.
• Zastosowanie atrybutu danych tematem do stylu niemal każdego elementu w projekcie.Domyślnie jQuery komórkowy jest wyposażony w pięć próbek kolorów do użycia.System theming używa liter jako wartości.W związku z tym atrybutem danych tematem przyjmuje wartości a, b, c, d, e, gdy po raz pierwszy go pobrać.Sprawdź jQuery Telefony ThemeRoller utworzyć własny temat, z maksymalnie 26 różnych próbek kolorów!
• Użyj dane pozycyjne przypisują stworzenie "lepkie" lub stałych nagłówków i stopek na swojej stronie internetowej.Dodaj ten atrybut do kontenera div, który ma swoją danych ról zestaw do nagłówka lub stopki, a danych pozycji wartość na stałe.
• Sprawdź Kit jQuery komórkowy Kolor, aby rozpocząć rozwijających się 26 różnych próbek tematycznych.

• Należy używać komentarzy HTML do rozdzielenia stron jQuery komórkowe.Pozwala to zaoszczędzić mnóstwo czasu w dół drogi, jako jeden dokument HTML z wielu "stron" dostaje wleczenia dość szybko.

• jQuery komórkowy Kolor Kit
• jQuery Komórka
• jQuery Komórka ThemeRoller
• Jeśli masz problemy z którymkolwiek z tych etapów, zadajpytanie o dalszą pomoc, lub pocztą w komentarzach poniżej.