Koodijupid 2025, Aprill

Sisestage element muude elementide vahele - CSS-trikid

Sisestage element muude elementide vahele - CSS-trikid

Näiteks kui teil on järjest viis lõiku ja peate kõigi nende vahele lisama katkestusmärgendi. Sa ei saa seda panna enne kõiki viit (sa ei "

Sisendid, mis mäletavad algset väärtust - CSS-trikid

Sisendid, mis mäletavad algset väärtust - CSS-trikid

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

Kujutise eellaadija - CSS-trikid

Kujutise eellaadija - CSS-trikid

Väga lihtne viis hiljem vajaminevate piltide eellaadimiseks (nt hõljuki sooritamisel) $ .preloadImages = function () (for (var i = 0; i "

Tõstke fookuses oleva sisendi puhul esile Seotud silt - CSS-trikid

Tõstke fookuses oleva sisendi puhul esile Seotud silt - CSS-trikid

$ ("vorm: sisend"). fookus (funktsioon () ($ ("silt"). addClass ("labelfookus");))). hägusus (funktsioon () ($ ("silt"). removeClass ("labelfookus" );)); "

Tõstke esile kõik lingid praegusele lehele - CSS-trikid

Tõstke esile kõik lingid praegusele lehele - CSS-trikid

$ (function () ($ ("a"). iga (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("valitud ");)));)); See funktsioon "

Hangi hiire X, Y koordinaadid lahtrisse - CSS-trikid

Hangi hiire X, Y koordinaadid lahtrisse - CSS-trikid

Allpool olev kood annab teile hiireklõpsu X, Y koordinaadid antud kastis. Kui eemaldate kogu nihkega seotud sisu, saate X-i hõlpsasti hankida. "

Vahemällu salvestatud piltide .load () parandamine IE-s - CSS-trikid

Vahemällu salvestatud piltide .load () parandamine IE-s - CSS-trikid

Funktsioon .load () käivitub siis, kui tema kutsutud element on täielikult laaditud. Seda kasutatakse tavaliselt piltidel, mis ei pruugi olla täielikult laaditud, kui

Hankige päringuparameetrid objektina CSS-trikid

Hankige päringuparameetrid objektina CSS-trikid

Nicholas Ortenzio kirjutas selle väikese pistikprogrammi: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Piltide omalaiuse hankimine - CSS-trikid

Piltide omalaiuse hankimine - CSS-trikid

Kui valite ja pildistate jQuery abil ning kasutate seejärel .width (), saate pildid praeguse laiuse, isegi kui neid on skaleeritud (nt max-width: 100%;). Sa saad"

IE z-indeksi fikseerimine - CSS-trikid

IE z-indeksi fikseerimine - CSS-trikid

See ei ole kõigi lõppude lahendus kõigi imelike IE z-indeksiga seotud probleemide lahendamiseks, kuid teatud tingimustel võib see kindlasti aidata. Mida see teeb, on silmus läbi "

Hajuta pilt teiseks pildiks - CSS-trikid

Hajuta pilt teiseks pildiks - CSS-trikid

Tehke pildi täpse suurusega div. Sellele divile rakendatakse teise pildi taustapilt. Seejärel pange seesmine pilt sisse "

Sundige Iframe'i uuesti laadima - CSS-trikid

Sundige Iframe'i uuesti laadima - CSS-trikid

Võite puudutada selle src-d: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Parandage IE 7 valimise rippmenüü katkestus - CSS-trikid

Parandage IE 7 valimise rippmenüü katkestus - CSS-trikid

Käivitage (vähemalt allpool olev osa "Kasutamine") pärast jQuery laadimist ja kas lehe lõpus või DOM-i valmis avalduses. Pange tähele, et see parandus teeb "

Fikseerige minimaalse / maksimaalse laiusega brauserid ilma omatoeta - CSS-trikid

Fikseerige minimaalse / maksimaalse laiusega brauserid ilma omatoeta - CSS-trikid

See skript kontrollib kõiki elemente klassiga .fixMinMaxwidth ja jälgib akent. Seda rakendatakse ainult brauseritele, millel pole natiivset min / max-laiust "

Iframe'i suuruse muutmine sisu mahutamiseks (ainult sama domeeni jaoks) - CSS-trikid

Iframe'i suuruse muutmine sisu mahutamiseks (ainult sama domeeni jaoks) - CSS-trikid

Tavaliselt määrate iframe'i jaoks laiuse ja kõrguse. Kui sisu on suurem, peavad kerimisribadest piisama. Allolev skript üritab seda parandada "

Tulekahju sündmus, kui kasutaja on ooterežiimis - CSS-trikid

Tulekahju sündmus, kui kasutaja on ooterežiimis - CSS-trikid

Vaadake kahte allpool olevat kommenteeritud rida - sinna saate sisestada koodi toiminguteks, kui kasutaja jääb jõude ja kui kasutaja tagasi tuleb. Seadke tühikäik "

Ampersandide leidmine ja mähkimine - CSS-trikid

Ampersandide leidmine ja mähkimine - CSS-trikid

Laadige see pistikprogramm. Siis: $ ("body *"). SubstitText (/ & / gi, '' + '&' + ''); Muutke valijat vastavalt vajadusele. See on päris äge. Nüüd on teil klass "

Varu CDN-i hostitud jQuery jaoks CSS-trikid

Varu CDN-i hostitud jQuery jaoks CSS-trikid

Mitmed suured ettevõtted pakuvad jQuery koopiaid, mida hostitakse nende CDN-ides (sisuvõrk). Kõige tuntumalt Google, aga ka Microsoft ja jQuery "

Pimestage üks pilt teise menüüsse CSS-trikid

Pimestage üks pilt teise menüüsse CSS-trikid

Tehke CSS sprite pilt, mille ülemine ja alumine pool on kaks pilti, mille vahel soovite animeerida. JQuery lisab sildi ja

Leia kõik siselingid - CSS-trikid

Leia kõik siselingid - CSS-trikid

Leidke kõik lingid, mis algavad saidi domeenist, kaldkriipsust, suhtelisest failiteest või räsimärgist. var siteURL = "http: //" + top.location.host.toString (); var "

Jätke $ (this) valikust - välja CSS-trikid

Jätke $ (this) valikust - välja CSS-trikid

Oletame, et soovite lehe igale lingile lisada klõpsude käitleja. Selle klõpsude käitleja funktsioon muudab kõik muud lingid erinevat värvi. var "

Lohistatav ilma jQuery kasutajaliideseta - CSS-trikid

Lohistatav ilma jQuery kasutajaliideseta - CSS-trikid

Sellel pole kõiki väljamõeldud tagasihelistamisi ja valikuid, kuid hei, see muudab asjad lohistatavaks (ja valikuliselt määratud käepidemega). (funktsioon ($) ("

Tasandage kõrguste kõrgus - CSS-trikid

Tasandage kõrguste kõrgus - CSS-trikid

Var maxHeight = 0; $ ("div"). iga (funktsioon () (kui ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). kõrgus (maxHeight); "

Kuva viimane piiks - CSS-trikid

Kuva viimane piiks - CSS-trikid

Allolev kood ei tööta enam Twitteri API värskendusega 1.1 alates 2013. aasta 11. novembrist. 1.1 API nõuab oAuthi, mis nõuab serveripoolt "

Sündmuse suuruse muutmine on tehtud CSS-trikid

Sündmuse suuruse muutmine on tehtud CSS-trikid

Kui olete harjunud millegagi, nagu jQuery UI suuruse muutmine, saate sündmusi, millega saate suuruse muutmise ajal, aga ka suuruse muutmise ajal siduda. Sellist üritust pole "

JQuery duplikaadi pistikprogramm - CSS-trikid

JQuery duplikaadi pistikprogramm - CSS-trikid

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

Kuva ainult esimesed X-div-id, lülita puhkus - CSS-trikid

Kuva ainult esimesed X-div-id, lülita puhkus - CSS-trikid

Var uudised = 2; hidenews = "- Peida uudiste arhiiv"; shownews = "+ Näita uudiste arhiivi"; $ (". arhiiv"). html (shownews); $ (". news: not (: lt (" + news + "))" "). hide ();"

Kuva uusim FeedBurneri postitus - CSS-trikid

Kuva uusim FeedBurneri postitus - CSS-trikid

See koodilõik kuvab määratud FeedBurneri voos viimase postituse. Määrake lihtsalt soovitud FeedBurneri voo URL. $ (dokument) .ready (funktsioon () ("

Kuva brauser ja versioon - CSS-trikid

Kuva brauser ja versioon - CSS-trikid

See on spetsiifiline jQuery ja sisaldab natuke häkkimist / parandamist Chrome'i käsitlemiseks. See töötab jQuery 1.5.1 ja jQuery 1.8.3 vahel. See on jQuery's kadunud "