Delčki kode 2025, Januar

Onemogoči / znova omogoči vhode - CSS-triki

Onemogoči / znova omogoči vhode - CSS-triki

Onemogoči: $ ("# submit-button"). Attr ("disabled", true); Znova omogoči: $ ("# submit-button"). RemoveAttr ("disabled"); "

Onemogoči starševske povezave v navigiranem gnezdu po seznamih CSS-triki

Onemogoči starševske povezave v navigiranem gnezdu po seznamih CSS-triki

Koda jQuery, ki onemogoči nadrejene povezave za spustne menije. Meni naj bo sestavljen kot ugnezdeni seznami, nadrejena povezava pa je onemogočena. To pomaga "

Odkrivanje prvega vidnega elementa določenega razreda - CSS-triki

Odkrivanje prvega vidnega elementa določenega razreda - CSS-triki

V prvi element, ki ima razred "dejavnost", ki je viden v oknu brskalnika, doda razred "first". $ (okno) .scroll (funkcija () (var "

Prehod skozi seznam - CSS-triki

Prehod skozi seznam - CSS-triki

Ta koda bo krožila po neurejenem seznamu z ID-jem "seznam koles". Lahko se uporablja na katerem koli elementu z otroki. Zamenjajte "ul # cyclelist li" z "

Primerjaj predmete jQuery - CSS-triki

Primerjaj predmete jQuery - CSS-triki

Ne morete zares primerjati, če sta dva predmeta jQuery enaka ... if ($ (selectionOne) === $ (selectionTwo)) () Lahko pa primerjate predmete DOM ... if "

Združi drsne in bledeče funkcije - CSS-triki

Združi drsne in bledeče funkcije - CSS-triki

$ .fn.slideFadeToggle = funkcija (hitrost, sprostitev, povratni klic) (vrni this.animate ((motnost: 'preklop', višina: 'preklop'), hitrost, sprostitev, povratni klic);); Uporaba "

Kliknite Enkrat in odveži - CSS-triki

Kliknite Enkrat in odveži - CSS-triki

Naj se kaj zgodi na dogodku klika, vendar le enkrat! Odvežite obdelovalnik klikov, ko je element enkrat kliknjen. $ ('# my-selector'). bind ('klik', "

Počisti privzeti iskalni niz v središču - CSS-triki

Počisti privzeti iskalni niz v središču - CSS-triki

$ ("# s") .val ("Iskanje ...") .css ("color", "#ccc") .focus (function () ($ (this) .css ("color", "black" ); if ($ (this) .val () == "Išči ...") ($ (this) .val ("");) "

Počisti vnos datoteke - CSS-triki

Počisti vnos datoteke - CSS-triki

Lahko ga samo klonirate in nadomestite s samim seboj, pri čemer so vsi dogodki še vedno priloženi. var input = $ ("# control"); funkcija something_happens () ("

Preverite, ali je jQuery naložen - CSS-triki

Preverite, ali je jQuery naložen - CSS-triki

If (typeof jQuery == 'undefined') (// jQuery NI naložen, naredite nekaj tukaj.) "

Preverite, ali je dogodek sprožen ali izviren - CSS-triki

Preverite, ali je dogodek sprožen ali izviren - CSS-triki

$ ('gumb'). click (funkcija (dogodek, wasTriggered) (če (wasTriggered) (opozorilo ('sproženo v kodi');) else (opozorilo ('sproži miška';;))); "

Preverite, ali element obstaja - CSS-triki

Preverite, ali element obstaja - CSS-triki

If ($ ('# myElement'). length> 0) (// obstaja) Ali pa, da postane modna funkcija s povratnim klicem: // Tiny jQuery Plugin // Chris Goodchild $ .fn.exists = "

Preverite, ali je potrditveno polje označeno - CSS-triki

Preverite, ali je potrditveno polje označeno - CSS-triki

Recimo, da 10-krat hitro =). Ugotovite, ali je eno potrditveno polje potrjeno ali ne, vrne true ali false: $ ('# checkBox'). Attr ('check'); Poišči vse označeno "

Spremenite način WM z jQuery - CSS-triki

Spremenite način WM z jQuery - CSS-triki

Če ne nastavite načina wmode na vdelavi bliskavice, bo plaval na vrhu prosojnice, kar je lahko precej veliko. To je idealno v okolju z "

Zaznavanje brskalnika + Uporabi razrede za element HTML - CSS-triki

Zaznavanje brskalnika + Uporabi razrede za element HTML - CSS-triki

JQBrowser v0.2: http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/ eval (funkcija (p, a, c, k, e, d) (e = funkcija (c) (vrnitev (c "

Preveri prazne elemente - CSS-triki

Preveri prazne elemente - CSS-triki

Naredite nekaj za vsak prazen najden element: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Naredi nekaj))); TRUE ali FALSE, če je element prazen: "

Boljše ravnanje z zlomljenimi slikami CSS-triki

Boljše ravnanje z zlomljenimi slikami CSS-triki

Manjkajoče slike bodisi ne bodo ničesar prikazale ali pa bodo prikazale stilsko polje, če njihovega vira ni mogoče najti. Namesto tega boste morda želeli to nadomestiti z "

Izračunaj razdaljo med mišjo in elementom - CSS-triki

Izračunaj razdaljo med mišjo in elementom - CSS-triki

(function () (var mX, mY, distance, $ distance = $ ('# razpon razdalje'), $ element = $ ('# element'); funkcija izračuna razdaljo (elem, mouseX, mouseY) (return "

Dodaj prekrivanje strani DIV - CSS-triki

Dodaj prekrivanje strani DIV - CSS-triki

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacity' : 0,4, 'položaj': "

Samodejno odkrivanje povezav do dokumentov in uporaba razreda - CSS-triki

Samodejno odkrivanje povezav do dokumentov in uporaba razreda - CSS-triki

$ ('a'). vsak (funkcija () (če ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .addClass (C);))); Ta bo pregledal vsak element na

Dodajte neprekinjen prostor na naslovu, da preprečite vdove - CSS-triki

Dodajte neprekinjen prostor na naslovu, da preprečite vdove - CSS-triki

$ ("h2"). vsak (funkcija () (var wordArray = $ (this) .text (). split (""); var finalTitle = ""; for (i = 0; i "

Animacija višine / širine na "Samodejno" - CSS-triki

Animacija višine / širine na "Samodejno" - CSS-triki

Stvari ni mogoče storiti.animate (("" height ":" auto ")) ;. Torej je to metoda Darcy Clarke, ki omogoča, da to deluje. V bistvu klonirate element, "

Dodaj: nth-of-type v jQuery - CSS-triki

Dodaj: nth-of-type v jQuery - CSS-triki

$ .expr = funkcija (elem, i, match) (var deli = match.split ("+"); return (i + 1 - (deli || 0))% parseInt (deli, 10) === 0; ); Glej izvirni članek "

Unescape HTML v JS - CSS-triki

Unescape HTML v JS - CSS-triki

Funkcija htmlDecode (input) (var e = document.createElement ('div'); e.innerHTML = input; return e.childNodes.length === 0? "": e.childNodes.nodeValue;) "

Dodajanje / odstranjevanje predavanja pri lebdenju - CSS-triki

Dodajanje / odstranjevanje predavanja pri lebdenju - CSS-triki

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) To bo delovalo v katerem koli brskalniku na katerem koli elementu, da "

Dodaj razred aktivne navigacije na podlagi URL-ja - CSS-triki

Dodaj razred aktivne navigacije na podlagi URL-ja - CSS-triki

V idealnem primeru ta razred izpišete s strežniške strani, če pa ne morete ... Recimo, da imate takšno navigacijo: Domov O strankah Pišite nam

Velikost vidnega polja, ločljivost zaslona, ​​postavitev miške - CSS-triki

Velikost vidnega polja, ločljivost zaslona, ​​postavitev miške - CSS-triki

Ta koda je združljiva z več brskalniki in preverja dimenzije prikaza, ločljivost zaslona in položaj miške, kar je lahko v veliko pomoč "

Zaznamek štetja besed - CSS-triki

Zaznamek štetja besed - CSS-triki

Dodajte v vrstico z zaznamki, izberite besedilo in kliknite, da dobite število besed. Štetje besed Zaznamek Štetje besed

Obreži prve / zadnje znake v nizu - CSS-triki

Obreži prve / zadnje znake v nizu - CSS-triki

Odstrani zadnje štiri znake var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString je zdaj "abc" Odstrani prva dva "