Slik integrerer du jQuery Mobile i Phonegap / Cordova

jQuery Mobile er en av de beste rammer for å bygge en mobil vennlig nettside og mobil applikasjon. jQuery leveres med en rekke brukergrensesnitt som er kompatible med moderne plattformer som iOS og Android, tidligst på plattformer som Opera Mini og Nokia Symbian.

I dette innlegget vil vi utvide fra vår tidligere diskusjon om Phonegap / Cordova. Vi vil vise deg hvordan du integrerer jQuery Mobile i Phonegap / Cordova og kompilerer det til et iOS-program . Hvis du bygger en app med jQuery Mobile, er det blant dine interesser, du kan følge denne korte opplæringen.

Starter

Merk: På dette stadiet antar jeg at du har opprettet et Phonegap / Cordova-prosjekt og åpnet det i Xcode (ellers ta en titt på dette innlegget).

Siden Phonegap / Cordova tillater oss å bruke HTML, CSS og JavaScript, er å lage appen nesten like enkelt som å skape et nettsted. Men i stedet for å gå gjennom trinnene for å lage appgrensesnittet her, vil jeg henvise til vår tidligere opplæring, Bygg et mobilt panel med JQuery Mobile, der jeg har vist deg hvordan du bygger jQuery Mobile til venstre og høyre panel. Dette er et så vanlig grensesnitt som du kan finne det i en mobil app - for eksempel i Facebook-appen.

Last ned kilden, og flytt alle filene (HTML, CSS, og JavaScript) til plattformen / ios / www- mappen - dette er hvor alle kodene våre for å utvikle iOS-programmet skal oppholde seg.

Bygg applikasjonen

La oss åpne prosjektmappen i Xcode. Vi skal bygge appen og forhåndsvise den i iPhone Simulator, som sendes sammen med Xcode. Den nyeste versjonen av Xcode setter iOS 7 som standardprogramvaren i simulatoren. Hvis du vil teste appen din i iOS 6, kan du legge den til fra menyen Preferanse - Last ned .

Deretter velger du hvilken simulator som skal teste appen din med; Du kan velge mellom iPhone og iPad og programvaren som brukes i den. Når du har valgt simulatoren, klikker du på avspillingsknappen øverst til venstre i Xcode-vinduet.

Simulatoren starter automatisk.

Det er det. Du kan utvide appen med mer innhold og funksjoner med jQuery Mobile API. Bruke jQuery mobil og Phonegap gjør at du oppretter en mobilapp så enkelt som å opprette et nettsted.

For mer om jQuery Mobile, kan du gå tilbake til våre tidligere innlegg:

• Begynnerveiledning Til jQuery Mobile
• Egendefinerte temaer med jQuery Mobile

Slik bekrefter du PayPal-konto med et virtuelt visumkort

Mens du ikke trenger et kredittkort som er knyttet til din Paypal-konto hvis du mottar penger, trenger du en koblet hvis du sender penger. I stedet for det vanlige bankkortet, kan du i stedet legge sammen et virtuelt visumkort eller bitcoin debetkort.I denne opplæringen skal jeg vise deg hvordan du kan bruke et bitcoin debetkort utstedt av E-Coin med PayPal-kontoen din.

(Tekniske og design tips)

5 overtro i design som klienter tror på

Folk er utrolig selvsikker. Vi tillater oss å tro på mange ting som ikke er sanne, bare fordi de får oss til å føle oss bedre eller oppfylle et behov vi har. Og mange andre mennesker elsker å dra nytte av dette faktumet. Fra annonsører til arbeidsgivere til politikere, er det en uendelig strøm av folk som vil fortelle oss akkurat hva vi vil høre .Dette, s

(Tekniske og design tips)