Kodebiter 2025, April

Sett inn element mellom andre elementer - CSS-triks

Sett inn element mellom andre elementer - CSS-triks

For eksempel, hvis du har fem avsnitt på rad, og du må sette inn en pause-tag mellom dem alle. Du kan ikke si det før alle fem (du ikke "

Innganger som husker opprinnelig verdi CSS-triks

Innganger som husker opprinnelig verdi CSS-triks

Var origValue = (); $ ('input.remember'). hver (funksjon (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Bildeforlaster - CSS-triks

Bildeforlaster - CSS-triks

Veldig enkel måte å forhåndslaste bilder som trengs senere (f.eks. Når en svever utføres) $ .preloadImages = function () (for (var i = 0; i "

Merk relatert etikett når inndata i fokus - CSS-triks

Merk relatert etikett når inndata i fokus - CSS-triks

$ ("form: input"). fokus (funksjon () ($ ("label"). addClass ("labelfocus");)). uskarphet (function () ($ ("label"). removeClass ("labelfocus" );)); "

Merk alle lenker til gjeldende side - CSS-triks

Merk alle lenker til gjeldende side - CSS-triks

$ (function () ($ ("a"). hver (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("valgt ");)));)); Denne funksjonen vil "

Få X, Y-koordinater for musen i boksen - CSS-triks

Få X, Y-koordinater for musen i boksen - CSS-triks

Koden nedenfor vil gi deg X-, Y-koordinatene til et museklikk i en gitt rute. Ved å fjerne alle ting om forskyvningen, kan du enkelt få X, "

Å fikse .load () i IE for bufrede bilder - CSS-triks

Å fikse .load () i IE for bufrede bilder - CSS-triks

.Load () -funksjonen utløses når elementet det kalles på er fullastet. Det brukes ofte på bilder, som kanskje ikke er fullastet når "

Få Query Params som objekt - CSS-triks

Få Query Params som objekt - CSS-triks

Nicholas Ortenzio skrev dette lille pluginet: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Få en opprinnelig bredde for bilder - CSS-triks

Få en opprinnelig bredde for bilder - CSS-triks

Hvis du velger og bilde med jQuery og deretter bruker .width (), får du bildene gjeldende bredde, selv om den er skalert (f.eks. Maksimal bredde: 100%;). Du kan"

Fikse IE z-indeks - CSS-triks

Fikse IE z-indeks - CSS-triks

Dette er ikke en ende-på-alt-løsning for å fikse alle rare IE z-indeksproblemer, men det kan absolutt hjelpe i noen tilfeller. Det den gjør er å løpe gjennom "

Fade Image To Another Image - CSS-triks

Fade Image To Another Image - CSS-triks

Lag en div som er den nøyaktige størrelsen på bildet. Denne div vil ha et bakgrunnsbilde brukt på det andre bildet. Sett deretter et innebygd bilde inni "

Tving en Iframe til å laste inn på nytt CSS-triks

Tving en Iframe til å laste inn på nytt CSS-triks

Du kan trykke på src av den: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Fix Velg Dropdown Cutoff i IE 7 - CSS-triks

Fix Velg Dropdown Cutoff i IE 7 - CSS-triks

Kjør (i det minste "Bruk" -delen nedenfor) etter at du har lastet inn jQuery og enten på slutten av siden eller i en DOM-klar uttalelse. Merk at denne løsningen gjør "

Fix Min / Maks bredde for nettlesere uten innfødt støtte - CSS-triks

Fix Min / Maks bredde for nettlesere uten innfødt støtte - CSS-triks

Dette skriptet sjekker alle elementene med en klasse .fixMinMaxwidth og observerer vinduet. Den brukes bare på nettlesere uten opprinnelig min / maks bredde "

Endre størrelse på Iframe for å passe til innhold (bare samme domene) - CSS-triks

Endre størrelse på Iframe for å passe til innhold (bare samme domene) - CSS-triks

Normalt stiller du inn og bredde og høyde for iframes. Hvis innholdet er større, må rullefelt være tilstrekkelig. Skriptet nedenfor prøver å fikse det med "

Brannhendelse når brukeren er inaktiv - CSS-triks

Brannhendelse når brukeren er inaktiv - CSS-triks

Se de to kommenterte linjene nedenfor, det er der du kan sette inn kode for ting å gjøre når brukeren går inaktiv, og når brukeren kommer tilbake. Still tomgang "

Finn og pakk inn tegn - CSS-triks

Finn og pakk inn tegn - CSS-triks

Last inn dette pluginet. Deretter: $ ("body *"). Erstatt Tekst (/ & / gi, '' + '&' + ''); Endre velgeren etter behov. Den ene er ganske intens. Nå har du en klasse "

Tilbakeslag for CDN vert jQuery - CSS-triks

Tilbakeslag for CDN vert jQuery - CSS-triks

Flere store selskaper tilbyr kopier av jQuery som er vert på deres CDN (Content Delivery Network). Mest kjent Google, men også Microsoft og jQuery "

Fade ett bilde til en annen meny - CSS-triks

Fade ett bilde til en annen meny - CSS-triks

Lag et CSS-sprite-bilde, med den øverste halvdelen og den nedre halvdelen som de to bildene du vil animere mellom. JQuery legger til en -kode, og "

Finn alle interne lenker - CSS-triks

Finn alle interne lenker - CSS-triks

Finn alle koblinger som begynner med nettstedsdomenet, en skråstrek, relativ filbane eller en hashtag. var siteURL = "http: //" + top.location.host.toString (); var "

Ekskluder $ (dette) fra Selector - CSS-triks

Ekskluder $ (dette) fra Selector - CSS-triks

La oss si at du vil knytte en klikkbehandler til hver lenke på en side. Funksjonen for den klikkbehandleren gjør at alle de andre koblingene har en annen farge. var "

Kan trekkes uten jQuery UI - CSS-triks

Kan trekkes uten jQuery UI - CSS-triks

Den har ikke alle de fancy tilbakeringingene og alternativene, men hei, det gjør ting drabare (og med et spesifisert håndtak valgfritt). (funksjon ($) ("

Utjevne divisjonshøyder - CSS-triks

Utjevne divisjonshøyder - CSS-triks

Var maksHøyde = 0; $ ("div"). hver (funksjon () (hvis ($ (dette). høyde ()> maxHøyde) (maksHøyde = $ (denne). høyde ();))); $ ("div"). høyde (maxHeight); "

Vis siste Tweet - CSS-triks

Vis siste Tweet - CSS-triks

Koden nedenfor fungerer ikke lenger som den er med Twitter API-oppdateringen til 1.1 per 2013-06-11. 1.1 API krever oAuth som krever en serverside "

Ferdig endret størrelse på begivenhet CSS-triks

Ferdig endret størrelse på begivenhet CSS-triks

Hvis du er vant til noe som kan endre størrelse på jQuery UI, får du hendelser du kan binde til under størrelsesendringen, men også på slutten av størrelsen. Ingen slik begivenhet "

JQuery Duplicate Plugin - CSS-triks

JQuery Duplicate Plugin - CSS-triks

$ .fn.duplicate = funksjon (count, cloneEvents) (var tmp = (); for (var i = 0; i

Vis bare første X-div., Bytt hvile - CSS-triks

Vis bare første X-div., Bytt hvile - CSS-triks

Var nyheter = 2; hidenews = "- Skjul nyhetsarkiv"; shownews = "+ Vis nyhetsarkiv"; $ (".arkiv"). html (visesnyheter); $ (". nyheter: ikke (: lt (" + nyheter + "))"). skjul (); "

Vis siste FeedBurner-innlegg - CSS-triks

Vis siste FeedBurner-innlegg - CSS-triks

Denne kodebiten viser det siste innlegget i en spesifisert FeedBurner-feed. Bare sett nettadressen til ønsket FeedBurner-feed. $ (dokument) .ready (funksjon () ("

Vis nettleser og versjon - CSS-triks

Vis nettleser og versjon - CSS-triks

Dette er jQuery-spesifikt, og inneholder litt hack / fix for å håndtere Chrome. Dette fungerer mellom jQuery 1.5.1 og jQuery 1.8.3. Det er borte i jQuery "