Koodinpätkät 2025, Heinäkuu

Lisää elementti muiden elementtien väliin - CSS-temppuja

Lisää elementti muiden elementtien väliin - CSS-temppuja

Jos sinulla on esimerkiksi viisi kappaletta peräkkäin ja sinun on lisättävä taukotunniste niiden kaikkien väliin. Et voi laittaa sitä ennen kaikkia viittä (et "

Tulot, jotka muistavat alkuperäisen arvon - CSS-temppuja

Tulot, jotka muistavat alkuperäisen arvon - CSS-temppuja

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

Kuvan esiladaaja - CSS-temppuja

Kuvan esiladaaja - CSS-temppuja

Erittäin helppo tapa ladata myöhemmin tarvittavat kuvat (esim. Kun hiiren kohdistin suoritetaan) $ .preloadImages = function () (for (var i = 0; i "

Korosta Liittyvä tarra, kun tulo tarkennettuna - CSS-temppuja

Korosta Liittyvä tarra, kun tulo tarkennettuna - CSS-temppuja

$ ("lomake: input"). tarkennus (function () ($ ("label"). addClass ("labelfocus");)). hämärtää (function () ($ ("label"). removeClass ("labelfocus" );)); "

Korosta kaikki linkit nykyiselle sivulle - CSS-temppuja

Korosta kaikki linkit nykyiselle sivulle - CSS-temppuja

$ (function () ($ ("a"). kukin (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("valittu ");)));)); Tämä toiminto

Hae hiiren X, Y-koordinaatit laatikkoon - CSS-temppuja

Hae hiiren X, Y-koordinaatit laatikkoon - CSS-temppuja

Alla oleva koodi antaa sinulle hiiren napsautuksen X, Y-koordinaatit tietyssä kentässä. Poistamalla kaikki offset-aineistot saat helposti X: n, "

.Load (): n korjaaminen välimuistissa oleville kuville - CSS-temppuja

.Load (): n korjaaminen välimuistissa oleville kuville - CSS-temppuja

.Load () -toiminto käynnistyy, kun elementti, johon se on kutsuttu, on täysin ladattu. Sitä käytetään yleisesti kuvissa, joita ei ehkä voi ladata kokonaan, kun

Hae kyselyparametrit objektiksi - CSS-temppuja

Hae kyselyparametrit objektiksi - CSS-temppuja

Nicholas Ortenzio kirjoitti tämän pienen laajennuksen: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Hanki kuvien alkuperäinen leveys - CSS-temppuja

Hanki kuvien alkuperäinen leveys - CSS-temppuja

Jos valitset ja kuvaat jQueryllä ja käytät sitten .width (), saat kuvat nykyisen leveyden, vaikka se olisi skaalattu (esim. Max-width: 100%;). Sinä pystyt"

Kiinteän IE-z-indeksin - CSS-temppuja

Kiinteän IE-z-indeksin - CSS-temppuja

Tämä ei ole loppujen ratkaisu kaikkien outojen IE z-indeksiongelmien korjaamiseen, mutta se voi varmasti auttaa joissakin olosuhteissa. Mitä se tekee, on silmukka läpi "

Häivytä kuva toiseen kuvaan - CSS-temppuja

Häivytä kuva toiseen kuvaan - CSS-temppuja

Tee div, joka on kuvan tarkka koko. Tähän div: ään lisätään toisen kuvan taustakuva. Laita sitten sisäinen kuva sisälle "

Pakota Iframe lataamaan - CSS-temppuja

Pakota Iframe lataamaan - CSS-temppuja

Voit koskettaa sen src: tä ($ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Korjaa IE 7: n Valitse pudotusvalikko CSS-temppuja

Korjaa IE 7: n Valitse pudotusvalikko CSS-temppuja

Suorita (ainakin alla oleva "Käyttö" -osa), kun olet ladannut jQueryn ja joko sivun loppuun tai DOM ready -käskyyn. Huomaa, että tämä korjaus ei

Korjaa vähimmäis- / enimmäisleveys selaimille, joilla ei ole alkuperäistä tukea - CSS-temppuja

Korjaa vähimmäis- / enimmäisleveys selaimille, joilla ei ole alkuperäistä tukea - CSS-temppuja

Tämä komentosarja tarkistaa kaikki elementit luokalla .fixMinMaxwidth ja tarkkailee ikkunaa. Sitä käytetään vain selaimissa, joissa ei ole natiivia min / max-leveyttä "

Muuta iframe-koon sisältöä vastaavaksi (vain sama verkkotunnus) - CSS-temppuja

Muuta iframe-koon sisältöä vastaavaksi (vain sama verkkotunnus) - CSS-temppuja

Normaalisti asetat iframe-kehykset sekä leveyden ja korkeuden. Jos sisällä oleva sisältö on suurempi, vierityspalkkien on oltava riittäviä. Alla oleva komentosarja yrittää korjata ongelman "

Palotapahtuma, kun käyttäjä on valmiustilassa - CSS-temppuja

Palotapahtuma, kun käyttäjä on valmiustilassa - CSS-temppuja

Katso alla olevat kaksi kommentoitua riviä, joihin voit lisätä koodia tehtäville, kun käyttäjä menee tyhjäkäynnille ja kun hän palaa takaisin. Aseta tyhjäkäynti "

Etsi ja kääri Ampersands - CSS-temppuja

Etsi ja kääri Ampersands - CSS-temppuja

Lataa tämä laajennus. Sitten: $ ("body *"). AizstaaText (/ & / gi, '' + '&' + ''); Vaihda valitsinta tarpeen mukaan. Se on melko voimakas. Nyt sinulla on luokka "

Varaus CDN-isännöimälle jQuerylle CSS-temppuja

Varaus CDN-isännöimälle jQuerylle CSS-temppuja

Useat suuret yritykset tarjoavat jQueryn kopioita CDN: ssä (Content Delivery Network). Tunnetuimpia mainoksia ovat Google, mutta myös Microsoft ja jQuery "

Häivytä yksi kuva toiseen valikkoon - CSS-temppuja

Häivytä yksi kuva toiseen valikkoon - CSS-temppuja

Tee CSS-sprite-kuva, jonka ylä- ja alaosa ovat kaksi kuvaa, joiden välillä haluat animoida. JQuery lisää -tunnisteen ja

Etsi kaikki sisäiset linkit - CSS-temppuja

Etsi kaikki sisäiset linkit - CSS-temppuja

Etsi kaikki linkit, jotka alkavat sivustojen verkkotunnuksesta, kauttaviivasta, suhteellisesta tiedostopolusta tai hashtagista. var siteURL = "http: //" + top.location.host.toString (); var "

Sulje $ (this) pois Selectorista CSS-temppuja

Sulje $ (this) pois Selectorista CSS-temppuja

Oletetaan, että haluat liittää napsautusten käsittelijän jokaiselle sivun linkille. Napsautuskäsittelijän toiminto muuttaa kaikki muut linkit eri väreiksi. var "

Vedettävissä ilman jQuery-käyttöliittymää - CSS-temppuja

Vedettävissä ilman jQuery-käyttöliittymää - CSS-temppuja

Siinä ei ole kaikkia hienoja soittopyyntöjä ja vaihtoehtoja, mutta hei, se tekee asioista vedettäviä (ja määritetyllä kahvalla valinnaisesti). (funktio ($) ("

Tasaa Divs-korkeudet - CSS-temppuja

Tasaa Divs-korkeudet - CSS-temppuja

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

Näytä viimeisin twiitti - CSS-temppuja

Näytä viimeisin twiitti - CSS-temppuja

Alla oleva koodi ei enää toimi sellaisena kuin se on Twitter-sovellusliittymän päivityksellä 1.1 1.1.2013 alkaen. 1.1-sovellusliittymä vaatii oAuth-arvon, joka vaatii palvelinpuolen "

Valmis Tapahtuman koon muuttaminen CSS-temppuja

Valmis Tapahtuman koon muuttaminen CSS-temppuja

Jos olet tottunut jQuery-käyttöliittymän koon muuttamiseen, saat tapahtumia, joihin voit sitoutua koon muuttamisen aikana, mutta myös koon lopussa. Ei tällaista tapahtumaa "

JQuery-kaksoislaajennus - CSS-temppuja

JQuery-kaksoislaajennus - CSS-temppuja

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

Näytä vain ensimmäiset X divit, Toggle Rest - CSS-temppuja

Näytä vain ensimmäiset X divit, Toggle Rest - CSS-temppuja

Var uutiset = 2; hidenews = "- Piilota uutisarkisto"; shownews = "+ Näytä uutisarkisto"; $ (". arkisto"). html (shownews); $ (". news: not (: lt (" + news + "))" "). hide ();"

Näytä viimeisin FeedBurner-viesti - CSS-temppuja

Näytä viimeisin FeedBurner-viesti - CSS-temppuja

Tämä katkelma näyttää viimeisimmän viestin määritetyssä FeedBurner-syötteessä. Aseta vain haluamasi FeedBurner-syötteen URL-osoite. $ (asiakirja) .ready (funktio () ("

Näytä selain ja versio - CSS-temppuja

Näytä selain ja versio - CSS-temppuja

Tämä on jQuery-spesifinen ja sisältää vähän hakkerointia / korjausta Chromen käsittelemiseen. Tämä toimii jQuery 1.5.1: n ja jQuery 1.8.3: n välillä. Se on poissa jQuerystä "