Koda fragmenti 2025, Aprīlis

Ievietot elementu starp citiem elementiem CSS-triki

Ievietot elementu starp citiem elementiem CSS-triki

Piemēram, ja jums ir piecas rindkopas pēc kārtas un starp visām tām jāievieto pārtraukuma tags. Jūs nevarat to ievietot pirms visiem pieciem (jums nav "

Ievades, kas atceras sākotnējo vērtību CSS-triki

Ievades, kas atceras sākotnējo vērtību CSS-triki

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

Attēlu ielādētājs - CSS-triki

Attēlu ielādētājs - CSS-triki

Ļoti vienkāršs veids, kā iepriekš ielādēt attēlus, kas nepieciešami vēlāk (piemēram, veicot kursoru) $ .preloadImages = function () (for (var i = 0; i "

Izcelt saistīto etiķeti, kad ievade fokusā - CSS-triki

Izcelt saistīto etiķeti, kad ievade fokusā - CSS-triki

$ ("forma: ievade"). fokuss (funkcija () ($ ("etiķete"). addClass ("labelfokuss");))). izplūdums (funkcija () ($ ("etiķete"). removeClass ("labelfokuss") );)); "

Iezīmējiet visas saites uz pašreizējo lapu CSS-triki

Iezīmējiet visas saites uz pašreizējo lapu CSS-triki

$ (function () ($ ("a"). katrs (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("atlasīts ");)));)); Šī funkcija "

Iegūt peles X, Y koordinātas lodziņā CSS-triki

Iegūt peles X, Y koordinātas lodziņā CSS-triki

Zemāk esošais kods jums piešķirs peles klikšķa X, Y koordinātas attiecīgajā lodziņā. Noņemot visu informāciju par nobīdi, jūs varat viegli iegūt X, "

.Load () labošana IE kešatmiņā saglabātiem attēliem - CSS-triki

.Load () labošana IE kešatmiņā saglabātiem attēliem - CSS-triki

Funkcija .load () tiek aktivizēta, kad elements, uz kuru tas tiek izsaukts, ir pilnībā ielādēts. To parasti izmanto attēliem, kas, iespējams, nav pilnībā ielādēti,

Saņemt vaicājumu parametrus kā objektu CSS-triki

Saņemt vaicājumu parametrus kā objektu CSS-triki

Nikolass Ortenzio uzrakstīja šo mazo spraudni: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Iegūstiet attēlu vietējo platumu CSS-triki

Iegūstiet attēlu vietējo platumu CSS-triki

Ja atlasīsit un attēlos izmantosiet jQuery un pēc tam izmantosiet .width (), attēli tiks iegūti pat tad, ja tie būs mērogoti (piemēram, max-width: 100%;). Jūs varat

Fiksējot IE z-indeksu - CSS-triki

Fiksējot IE z-indeksu - CSS-triki

Tas nav risinājums visiem, lai atrisinātu visas dīvainās IE z-indeksa problēmas, taču dažos gadījumos tas noteikti var palīdzēt. Tas, ko tā dara, ir cilpa caur "

Izbalināt attēlu citā attēlā CSS-triki

Izbalināt attēlu citā attēlā CSS-triki

Izveidojiet div, kas ir precīzs attēla izmērs. Šim divam tiks izmantots otrā attēla fona attēls. Pēc tam ievietojiet iekšējo attēlu iekšpusē "

Piespiest Iframe pārlādēt - CSS-triki

Piespiest Iframe pārlādēt - CSS-triki

Varat pieskarties tā src: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Fix IE 7 atlasītās nolaižamās izvēlnes pārtraukšana - CSS-triki

Fix IE 7 atlasītās nolaižamās izvēlnes pārtraukšana - CSS-triki

Palaidiet (vismaz zemāk esošo sadaļu “Lietošana”) pēc tam, kad esat ielādējis jQuery un vai nu lapas beigās, vai DOM gatavā paziņojumā. Ņemiet vērā, ka šis labojums

Noteikt minimālo / maksimālo platumu pārlūkiem bez vietējā atbalsta - CSS-triki

Noteikt minimālo / maksimālo platumu pārlūkiem bez vietējā atbalsta - CSS-triki

Šis skripts pārbauda visus elementus ar .fixMinMaxwidth klasi un novēro logu. Tas tiek piemērots tikai pārlūkiem bez vietējā min / max-width "

Mainīt Iframe izmēru, lai ietilptu saturā (tikai tajā pašā domēnā) CSS-triki

Mainīt Iframe izmēru, lai ietilptu saturā (tikai tajā pašā domēnā) CSS-triki

Parasti iframei iestatāt un platumu un augstumu. Ja saturs iekšpusē ir lielāks, jāpietiek ar ritjoslām. Zemāk esošais skripts mēģina to novērst ar "

Ugunsgrēka notikums, kad lietotājs ir dīkstāvē CSS-triki

Ugunsgrēka notikums, kad lietotājs ir dīkstāvē CSS-triki

Skatiet divas zemāk komentētās rindas, kur varat ievietot kodu, kas jādara, kad lietotājs dīkstāvē un kad lietotājs atgriežas. Iestatīt dīkstāvi "

Atrodiet un iesaiņojiet dzirksteles - CSS-triki

Atrodiet un iesaiņojiet dzirksteles - CSS-triki

Ielādējiet šo spraudni. Tad: $ ("body *"). AizstātText (/ & / gi, '' + '&' + ''); Mainiet selektoru pēc nepieciešamības. Tas viens ir diezgan intensīvs. Tagad jums ir klase "

CDN mitinātā jQuery atkāpšanās CSS-triki

CDN mitinātā jQuery atkāpšanās CSS-triki

Vairāki lieli uzņēmumi piedāvā jQuery kopijas, kas mitinātas viņu CDN (satura piegādes tīklā). Vispazīstamākais ir Google, bet arī Microsoft un jQuery "

Izbalināt vienu attēlu uz citu izvēlni CSS-triki

Izbalināt vienu attēlu uz citu izvēlni CSS-triki

Izveidojiet CSS sprite attēlu, augšējā un apakšējā puse ir divi attēli, starp kuriem vēlaties animēt. JQuery pievieno tagu un "

Atrast visas iekšējās saites - CSS-triki

Atrast visas iekšējās saites - CSS-triki

Atrodiet visas saites, kas sākas ar vietnes domēnu, slīpsvītru, relatīvo faila ceļu vai atsauci. var siteURL = "http: //" + top.location.host.toString (); var "

Izslēdziet $ (this) no atlasītāja - CSS-triki

Izslēdziet $ (this) no atlasītāja - CSS-triki

Pieņemsim, ka vēlaties pievienot klikšķu apstrādātāju katrai lapas saitei. Šī klikšķu apstrādātāja funkcija pārējās saites pārvērš citā krāsā. var "

Velkams bez jQuery lietotāja saskarnes - CSS-triki

Velkams bez jQuery lietotāja saskarnes - CSS-triki

Tam nav visu izdomāto atzvanīšanas un iespēju, bet, hei, tas padara lietas velkamas (un pēc izvēles ar norādītu rokturi). (funkcija ($) ("

Izlīdzināt divu augstumus - CSS-triki

Izlīdzināt divu augstumus - CSS-triki

Var maxHeight = 0; $ ("div"). katrs (function () (if ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). height (maxHeight); "

Parādīt pēdējo čivināt - CSS-triki

Parādīt pēdējo čivināt - CSS-triki

Tālāk redzamais kods vairs nedarbojas ar Twitter API atjauninājumu 1.1 uz 2013. gada 11. jūniju. 1.1 API ir nepieciešama oAuth, kurai nepieciešama servera puse "

Gatavs mainīt notikuma lielumu - CSS-triki

Gatavs mainīt notikuma lielumu - CSS-triki

Ja esat pieradis pie kaut kā jQuery UI izmēra maiņas, jūs saņemat notikumus, ar kuriem varat saistīties izmēru maiņas laikā, bet arī izmēru maiņas beigās. Nav šāda notikuma "

JQuery dublikātu spraudnis - CSS-triki

JQuery dublikātu spraudnis - CSS-triki

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

Parādīt tikai pirmos X divus, pārslēgt atpūtu - CSS-triki

Parādīt tikai pirmos X divus, pārslēgt atpūtu - CSS-triki

Var jaunumi = 2; hidenews = "- Slēpt ziņu arhīvu"; shownews = "+ Rādīt ziņu arhīvu"; $ (". arhīvs"). html (shownews); $ (". news: not (: lt (" + news + "))" "). hide ();"

Parādīt jaunāko FeedBurner ziņu - CSS-triki

Parādīt jaunāko FeedBurner ziņu - CSS-triki

Šis fragments parādīs jaunāko ziņu norādītajā FeedBurner plūsmā. Vienkārši iestatiet vēlamās FeedBurner plūsmas URL. $ (dokuments) .ready (funkcija () ("

Parādīt pārlūku un versiju CSS-triki

Parādīt pārlūku un versiju CSS-triki

Tas ir specifisks jQuery, un tajā ir ietverts mazliet uzlaušanas / labošanas veids, kā rīkoties ar Chrome. Tas darbojas starp jQuery 1.5.1 un jQuery 1.8.3. Tas ir pagājis jQuery "