Jquery ui tabs fx alternativ

jQuery UI Demos jQuery UI erbjuder en kombination av interaktion, effekter, widgets, verktyg och teman som är utformade för att fungera bra tillsammans eller ensam. Spela med demo, se källan, bygg ett tema. läs API dokumentationen och börja använda jQuery UI idag. Interaktioner Interaktioner lägger till grundläggande musbaserade beteenden på något element. Du kan skapa sorterbara listor, resizable element, dra förstärkningsuppträdanden och mer med bara några rader kod. Interaktioner gör också bra byggstenar för mer komplexa widgets och applikationer. Widgets är utrustade användargränssnittskontroller som ger rikedom av stationära applikationer på webben. Alla widgets ger en solid kärna med många förlängningspunkter för anpassning av beteende, samt fullt stöd för dem. Effekter lägger till stöd för animerande färger och klassövergångar, samt att ge flera ytterligare lättnader. Dessutom finns en komplett serie anpassade effekter tillgängliga när du visar och döljer element eller bara för att lägga till visuell appell. Verktyg som används av jQuery UI för att skapa interaktioner och widgets. InteractionsTabs Widget Tabs används vanligtvis för att bryta innehållet i flera sektioner som kan bytas för att spara utrymme, som ett dragspel. Innehållet för varje flikpanel kan definieras på sidan eller kan laddas via Ajax. Båda hanteras automatiskt baserat på href i ankaren som är associerad med fliken. Som standard aktiveras flikar på klick, men händelserna kan ändras till svängning via händelsealternativet. Ytterligare anmärkningar: Den här widgeten kräver lite funktionell CSS, annars fungerar det. Om du bygger ett anpassat tema, använd den specifika CSS-filen för widgetaposs som utgångspunkt. ajaxOptionsxA0 Ytterligare Ajax-alternativ att överväga när du laddar in flikinnehåll (se jQuery. ajax ()). cachexA0 Huruvida du ska cache innehåll på flikar eller inte, t. ex. ladda bara en gång eller med varje klick. Cachelagret innehåll laddas lata, t. ex. en gång och en gång för första klicket. Observera att för att förhindra att de faktiska Ajax-förfrågningarna cachas av webbläsaren behöver du ange en extra cache: false flagga i alternativet ajaxOptions. collapsiblexA0 När den är satt till true. Den aktiva panelen kan stängas. cookiexA0 Spara den senaste valda fliken i en cookie. Kakan används sedan för att bestämma den initialt valda fliken om det valda alternativet inte är definierat. Kräver pluginprogrammet för cookie, vilket även kan hittas i utvecklingsbunt-extern mapp från nedladdningsbyggaren. Objektet måste ha nyckelvärdespar av formuläret som cookie-plugin förväntar sig som alternativ. Exempel:. Eftersom jQuery UI 1.7 är det också möjligt att definiera cookie-namnet som används via namnegenskapen. disabledxA0 Vilka flikar är inaktiverade. Flera typer stöds: Booleska. Aktivera eller inaktivera alla flikar. Array. En matris som innehåller de nollbaserade indexerna för flikarna som ska avaktiveras, t. ex. 0, 2 skulle inaktivera den första och tredje fliken. eventxA0 Den typ av händelse som flikarna ska reagera på för att aktivera fliken. För att aktivera på svävaren, använd quotmouseoverquot. Aktivera animeringar för hidniga och visa flikpaneler. Flera typer stöds: Objekt. Keyvaluepar av egenskaper för att animera och valfri längd, t. ex. . Array. Animeringsinställningar i formuläret hideSettings, showSettings. idPrefixxA0 Om fliken fjärrkontroll, dess ankarelement som har, inte har någon titelattribut för att generera ett ID, skapas en idfragmentidentifierare från detta prefix och ett unikt ID, till exempel quotui-tabs-54quot. panelTemplatexA0 HTML-mall från vilken en ny flikpanel skapas om man lägger till en flik med add () - metoden eller när man skapar en panel för en fjärrflik i fluga. selectedxA0 Det nollbaserade indexet på panelen som har valts (öppen). Inställningen vald till -1 kommer att kollapsa alla paneler. Detta kräver att det hopfällbara alternativet är sant. spinnerxA0 HTML-innehållet som ska visas i en fliktitel medan fjärrinnehåll laddas. Ställ det här alternativet på en tom sträng för att inaktivera spinnarbeteendet. Ett spännelement måste finnas i ankaretiketten för titeln för att spinnarinnehållet ska vara synligt. tabTemplatexA0 HTML-mall från vilken en ny flik skapas och läggs till. Platshållarna och ersätts med webbadressen och fliketiketten som skickas som argument till metoden add (). avbryta () Returnerar: jQuery (endast plugin) Avsluta alla pågående ajax-förfrågningar och animeringar. Den här metoden accepterar inte några argument. Tangentbordets interaktion När tangentbordet är på en flik finns följande nyckelkommandon tillgängliga: UPP VÄNSTER. Flytta fokus till föregående flik. Om på första fliken flyttas fokus till sista fliken. Aktivera fokuserad flik efter en kort fördröjning. NER HÖGER. Flytta fokus till nästa flik. Om på den sista fliken flyttas fokus till första fliken. Aktivera fokuserad flik efter en kort fördröjning. CTRL UP VÄNSTER. Flytta fokus till föregående flik. Om på första fliken flyttas fokus till sista fliken. Den fokuserade fliken måste aktiveras manuellt. CTRL NER HÖGER. Flytta fokus till nästa flik. Om på den sista fliken flyttas fokus till första fliken. Den fokuserade fliken måste aktiveras manuellt. HEM. Flytta fokus till den första fliken. Aktivera fokuserad flik efter en kort fördröjning. SLUTET. Flytta fokus till den sista fliken. Aktivera fokuserad flik efter en kort fördröjning. CTRL HOME. Flytta fokus till den första fliken. Den fokuserade fliken måste aktiveras manuellt. CTRL-slut. Flytta fokus till den sista fliken. Den fokuserade fliken måste aktiveras manuellt. RYMDEN. Aktivera panelen i samband med fokuserad flik. STIGA PÅ. Aktivera eller växla panel som är associerad med fokuserad flik. ALT OPTION SIDAN UPP. Flytta fokus till föregående flik och aktivera omedelbart. ALT OPTION PAGE DOWN. Flytta fokus till nästa flik och aktivera omedelbart. När fokus ligger i en panel är följande nyckelkommandon tillgängliga: CTRL UP. Flytta fokus till tillhörande flik. ALT OPTION SIDAN UPP. Flytta fokus till föregående flik och aktivera omedelbart. ALT OPTION PAGE DOWN. Flytta fokus till nästa flik och aktivera omedelbart. I fliken Widget används jQuery UI CSS-ramverket för att utforma utseendet. Om flikar är specifika styling behövs kan följande CSS-klassnamn användas för överskridanden eller som nycklar för klassalternativet: ui-flikar. Flikens yttre behållare. Detta element kommer dessutom att ha en klass av ui-flikar-hopfällbara när det hopfällbara alternativet är inställt. ui-flikar-nav. Listan över flikar. ui-flikar-tabb. En av föremålen i listan över flikar. Det aktiva objektet har klassen ui-flikar. Alla listobjekt vars associerade innehåll laddas via ett Ajax-samtal kommer att ha klassen ui-tabs-loading. ui-flikar-ankare. Ankrarna användes för att byta paneler. ui-flikar-panel. Panelerna associerade med flikarna. Endast panelen vars motsvarande flik är aktiv kommer att vara synlig. Beroenden Ytterligare anmärkningar: Den här widgeten kräver lite funktionell CSS, annars fungerar det. Om du bygger ett anpassat tema, använd den specifika CSS-filen för widgetaposs som utgångspunkt. activexA0 Vilken panel är för närvarande öppen. Flera typer stöds: Booleska. Inställning aktiv till falsk kommer att kollapsa alla paneler. Detta kräver att det hopfällbara alternativet är sant. Heltal. Det nollbaserade indexet på panelen som är aktiv (öppen). Ett negativt värde väljer paneler som går bakåt från den sista panelen. Kodsexempel: Initiera flikarna med det angivna aktiva alternativet: