Vytvářejte aplikace pomocí jQuery Mobile

jQuery Mobile je doplněk původního jQuery a vyžaduje, aby byl dříve nainstalován aby mohl fungovat.
Jakmile je aktivní, jQuery Mobile dělá dvě věci:

Nejprve optimalizuje nativní funkce, aby zlepšil jejich výkon na mobilních zařízeních.
Za druhé, upravuje HTML a generuje rozvržení s řadou předdefinovaných grafických prvků, které podstatně zrychlují produkční rychlost.

Nainstalujte si jQuery Mobile
Přestože je možné a velmi běžnou technikou instalovat jQuery Mobile na webové stránky přímým propojením se soubory uloženými v cloudu, důrazně doporučujeme tuto techniku ​​pro aplikace PhoneGap nepoužívat. Vaše aplikace bude velmi často používána bez připojení k internetu nebo s přerušovaným připojením. Pokud jsou soubory jQuery propojeny s cloudovými dokumenty, aplikace by se pravděpodobně stala nepoužitelnou.
Chcete -li nainstalovat tento rámec, první věcí, kterou byste měli udělat, je stáhnout jQuery z jeho oficiální stránky:

http://docs.jQuery.com/Downloading_jQuery#Current_Release

Jakmile je jQuery staženo, musíte si stáhnout jQuery Mobile plugin z jeho oficiálních webových stránek:

http://jquerymobile.com/download/

Začneme příkladem, který nám umožní porozumět programování a struktuře aplikace.
Vytvoříme html soubor s následujícím kódem

 Mobilní aplikace Jquery 

jQuery Mobile nám umožňuje vytvářet rozhraní vhodná pro mobilní zařízení velmi rychle as relativně malým úsilím.
Funguje to tak, že přepíšete původní kód dokumentu a vygenerujete nový, složitější, podle charakteristik a požadovaných argumentů.
Zajímavou vlastností jQuery Mobile je, že na rozdíl od webové stránky, která pro zobrazení informací přechází z jednoho dokumentu HTML do druhého, jsou stránky nebo obrazovky aplikace zpracovávány z jednoho dokumentu HTML.
Stránky nebo obrazovky jsou v jednom souboru, jQuery Mobile je spravuje tak, aby zobrazovaly pouze tu část dokumentu, která odpovídá každé obrazovce, zatímco zbytek zůstává skrytý. Tímto způsobem je načítání stránek podstatně zrychleno, umožňuje také správu událostí a animací mezi jednou obrazovkou a druhou.
jQuery Mobile plně využívá nové prvky HTML5 a hojně využívá vlastní atributy, které jsou definovány předponou „data-“
Například datová role, jeden z nejpoužívanějších atributů v jQuery Mobile, vám umožňuje definovat roli na úrovni funkčnosti a vzhledu prvku, který ji obsahuje. Díky definování role prvku vám tento atribut umožňuje vytvářet stránky, tlačítka, nabídky a mnoho dalších prvků.
Vložením atributu data-role do jakékoli značky z něj učiníme prvek rozhraní. Není třeba přidávat žádný další kód jQuery přidejte všechny grafické prvky, třídy a dokonce i animace nezbytné pro provoz daného konkrétního prvku.
Chcete -li například vytvořit stránku, použijte tento atribut data-role = ”stránka” tím pádem:

Obrazovka 1
Obrazovka 2

Vrátit

Příklad odkazu vám nejen umožňuje přejít na obrazovku 2, jQuery Mobile automaticky zahrnoval přechodovou animaci, aby vypadal podobně jako nativní aplikace.
Vezměme odkaz, který jsme právě vytvořili, trochu dále a přidejme atribut jQuery Mobile data-role = ”button”, aby se tento odkaz choval jako tlačítko:
Chcete-li se vrátit na hlavní stránku, můžete použít předchozí techniku ​​propojení odkazu na ID hlavní stránky, nebo ještě jednodušeji můžete použít atribut data-rel = ”zpět”, který vrátí aplikaci na bezprostředně předchozí obrazovku .Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod