jQuery UI Demos jQuery UI tilbyr en kombinasjon av interaksjon, effekter, widgets, verktøy og temaer som er utformet for å fungere godt sammen eller alene. Spill med demoer, se kilden, bygge et tema. les API-dokumentasjonen og begynn å bruke jQuery UI i dag. Interaksjonsinteraksjoner legger til grunnleggende musebasert oppførsel til ethvert element. Du kan opprette sorteringslister, resizable elementer, dra forstørrelsesfigurer og mer med bare noen få linjer med kode. Interaksjoner gjør også gode byggesteiner for mer komplekse widgets og applikasjoner. Widgets er fullverdige brukergrensesnittkontroller som gir rikheten til stasjonære applikasjoner på nettet. Alle widgets gir en solid kjerne med mange utvidelsespunkter for å tilpasse atferd, samt full theming-støtte. Effekter legger til støtte for animerende farger og klassetransisjoner, i tillegg til å gi flere tilleggsløsninger. I tillegg er en komplett suite av tilpassede effekter tilgjengelig for bruk når du viser og gjemmer elementer eller bare for å legge til visuell appell. Verktøy som brukes av jQuery brukergrensesnitt for å bygge interaksjoner og widgets. InteractionsTabs Widget Tabs brukes vanligvis til å bryte innholdet i flere seksjoner som kan byttes for å spare plass, mye som et trekkspill. Innholdet for hvert fanepanel kan defineres på siden eller kan lastes inn via Ajax, begge håndteres automatisk basert på href av ankeret som er knyttet til fanen. Som standard aktiveres faner på klikk, men hendelsene kan endres til å svinge via hendelsesalternativet. Tilleggsbeskrivelser: Denne widgeten krever noe funksjonelt CSS, ellers fungerer det. Hvis du bygger et tilpasset tema, bruker du widgetaposs-spesifikk CSS-fil som utgangspunkt. ajaxOptionsxA0 Tilleggsutstyr for Ajax som skal vurderes når du laster inn innholdet i kategorien (se jQuery. ajax ()). cachexA0 Om du vil cache innhold på fjerntliggende faner, for eksempel last bare én gang eller med hvert klikk. Bufret innhold lastes lett, f. eks. en og en gang for første gang. Vær oppmerksom på at for å forhindre at de faktiske Ajax-forespørsler blir cached av nettleseren, må du angi et ekstra cache: false flagg i ajaxOptions-alternativet. collapsiblexA0 Når satt til true. Det aktive panelet kan lukkes. cookiexA0 Lagre den siste valgte fanen i en informasjonskapsel. Cookien brukes da til å bestemme den først valgte fanen hvis det valgte alternativet ikke er definert. Krever cookie-plugin-modulen, som også finnes i utviklingsbunt-ekstern mappe fra nedlastningsbyggeren. Objektet må ha nøkkelverdige par av skjemaet som cookie-pluginet forventer som muligheter. Eksempel:. Siden jQuery UI 1.7 er det også mulig å definere informasjonskapselnavnet som blir brukt via navnegenskapen. disabledxA0 Hvilke faner er deaktivert. Flere støttede typer: Boolsk. Aktiver eller deaktiver alle faner. Array. En matrise som inneholder de nullbaserte indeksene for kategoriene som skal deaktiveres, f. eks. 0, 2 ville deaktivere den første og tredje kategorien. eventxA0 Den type hendelsen som fanene skal reagere på for å aktivere fanen. For å aktivere på svinger, bruk quotmouseoverquot. Aktiver animasjoner for hidniga nd som viser fanepaneler. Flere typer støttet: Objekt. Nøkkelverdier av egenskaper for å animere og valgfri varighet, f. eks. . Array. Animasjonsinnstillinger i skjulet skjulSett, visSetting. idPrefixxA0 Hvis den eksterne kategorien, dets ankerelement som er, ikke har et tittelattributt for å generere et ID fra, opprettes en idfragmentidentifikator fra dette prefikset og et unikt ID, for eksempel quotui-tabs-54quot. panelTemplatexA0 HTML-mal hvorfra et nytt fanepanel blir opprettet hvis du legger til en fane med add () - metoden eller når du oppretter et panel for en ekstern fane i farten. selectedxA0 Den nullbaserte indeksen for panelet som er valgt (åpent). Innstillingen valgt til -1 vil kollapse alle panelene. Dette krever at sammenleggbare alternativet kan være sant. spinnerxA0 HTML-innholdet som skal vises i en kategorien tittel mens fjerninnhold lastes inn. Angi dette alternativet til en tom streng for å deaktivere spinnerens oppførsel. Et spenningselement må være til stede i ankeretiketten til tittelen for spinnerinnholdet som skal være synlig. tabTemplatexA0 HTML-mal hvorfra en ny fane er opprettet og lagt til. Plassholderne og erstattes med nettadressen og fanemerket som sendes som argumenter til add () - metoden. avbryte () Returnerer: jQuery (bare plugin) Avslutt alle ajax-forespørsler og animasjoner som kjører. Denne metoden godtar ikke noen argumenter. Tabs Widget Tastaturinteraksjon Når fokus er på en fane, er følgende nøkkelkommandoer tilgjengelige: OPP VENSTRE. Flytt fokus til forrige kategori. Hvis på første fane flyttes fokus til siste fane. Aktiver fokusert fane etter kort forsinkelse. RETT OG SLETT. Flytt fokus til neste kategori. Hvis den siste fanen flytter fokus til første fane. Aktiver fokusert fane etter kort forsinkelse. CTRL OP VENSTRE. Flytt fokus til forrige kategori. Hvis på første fane flyttes fokus til siste fane. Den fokuserte kategorien må aktiveres manuelt. CTRL NED HØYRE. Flytt fokus til neste kategori. Hvis den siste fanen flytter fokus til første fane. Den fokuserte kategorien må aktiveres manuelt. HJEM. Flytt fokus til den første kategorien. Aktiver fokusert fane etter kort forsinkelse. SLUTT. Flytt fokus til den siste kategorien. Aktiver fokusert fane etter kort forsinkelse. CTRL HOME. Flytt fokus til den første kategorien. Den fokuserte kategorien må aktiveres manuelt. CTRL END. Flytt fokus til den siste kategorien. Den fokuserte kategorien må aktiveres manuelt. ROM. Aktiver panel som er tilknyttet fokusert fane. TAST INN. Aktiver eller veksle panel som er tilknyttet fokusert fane. ALT OPTION SIDE OPP. Flytt fokus til forrige kategori og aktiver umiddelbart. ALT OPTION SIDE NED. Flytt fokus til neste kategori og aktiver umiddelbart. Når fokus er i et panel, er følgende nøkkelkommandoer tilgjengelige: CTRL UP. Flytt fokus til tilhørende kategori. ALT OPTION SIDE OPP. Flytt fokus til forrige kategori og aktiver umiddelbart. ALT OPTION SIDE NED. Flytt fokus til neste kategori og aktiver umiddelbart. Tabs-widgeten bruker jQuery UI CSS-rammeverket for å stillegge utseendet. Hvis faner er spesifikk styling, kan følgende CSS-klassenavn brukes til overstyringer eller som nøkler for klasseralternativet: ui-tabs. Den ytre beholderen på tappene. Dette elementet vil i tillegg ha en klasse av ui-tabs-collapsible når det sammenleggbare alternativet er satt. ui-tabs-nav. Listen over faner. ui-tabs-kategorien. En av elementene i listen over faner. Det aktive elementet vil ha klassen ui-tabs-aktiv. Eventuelt listepost hvis tilknyttet innhold lastes via et Ajax-anrop, vil ha klassen ui-tabs-loading. ui faner-anker. Ankrene pleide å bytte paneler. ui faner-panel. Panelene som er knyttet til fanene. Bare panelet hvis tilhørende kategori er aktiv, vil være synlig. Avhengigheter Tilleggsbeskrivelser: Denne widgeten krever noe funksjonelt CSS, ellers fungerer det. Hvis du bygger et tilpasset tema, bruker du widgetaposs-spesifikk CSS-fil som utgangspunkt. activexA0 Hvilket panel er for øyeblikket åpent. Flere støttede typer: Boolsk. Innstilling av aktiv til falsk vil kollapse alle panelene. Dette krever at sammenleggbare alternativet kan være sant. Helhet. Den nullbaserte indeksen for panelet som er aktivt (åpent). En negativ verdi velger paneler som går bakover fra det siste panelet. Kodeeksempler: Initialiser fanene med det aktive alternativet angitt:
No comments:
Post a Comment