Frammenti di codice 2025, Luglio

Disabilita / riattiva gli ingressi - Trucchi CSS

Disabilita / riattiva gli ingressi - Trucchi CSS

Disabilita: $ ("# submit-button"). Attr ("disabled", true); Riattiva: $ ("# submit-button"). RemoveAttr ("disabled"); "

Disabilitare i collegamenti principali nella navigazione in elenchi annidati - Trucchi CSS

Disabilitare i collegamenti principali nella navigazione in elenchi annidati - Trucchi CSS

Codice jQuery che disabilita i collegamenti principali per i menu a discesa. Il menu dovrebbe essere costruito come elenchi annidati e il collegamento principale è disabilitato. Questo aiuta"

Rileva il primo elemento visibile di una determinata classe - Trucchi CSS

Rileva il primo elemento visibile di una determinata classe - Trucchi CSS

Aggiunge una classe di "primo" al primo elemento che ha una classe di "attività" che è visibile nella finestra del browser. $ (finestra) .scroll (function () (var "

Scorri un elenco - Trucchi CSS

Scorri un elenco - Trucchi CSS

Questo codice scorrerà un elenco non ordinato con un ID di "elenco ciclico". Può essere utilizzato su qualsiasi elemento con bambini. Sostituisci "ul # cyclelist li" con "

Confronta oggetti jQuery - Trucchi CSS

Confronta oggetti jQuery - Trucchi CSS

Non puoi davvero confrontare se due oggetti jQuery sono uguali ... if ($ (selectionOne) === $ (selectionTwo)) () Puoi confrontare oggetti DOM però ... if "

Combina le funzioni di scorrimento e dissolvenza - Trucchi CSS

Combina le funzioni di scorrimento e dissolvenza - Trucchi CSS

$ .fn.slideFadeToggle = function (speed, easing, callback) (return this.animate ((opacity: 'toggle', height: 'toggle'), speed, easing, callback);); Utilizzo "

Fare clic una volta e annullare l'associazione - Trucchi CSS

Fare clic una volta e annullare l'associazione - Trucchi CSS

Succede qualcosa in un evento clic, ma solo una volta! Scollega il gestore dei clic dopo che l'elemento è stato cliccato una volta. $ ('# my-selector'). bind ('click', "

Cancella stringa di ricerca predefinita in stato attivo - Trucchi CSS

Cancella stringa di ricerca predefinita in stato attivo - Trucchi CSS

$ ("# s") .val ("Cerca ...") .css ("color", "#ccc") .focus (function () ($ (this) .css ("color", "black" ); if ($ (questo) .val () == "Cerca ...") ($ (questo) .val ("");) "

Cancella un input di file - Trucchi CSS

Cancella un input di file - Trucchi CSS

Puoi semplicemente clonarlo e sostituirlo con se stesso, con tutti gli eventi ancora allegati. var input = $ ("# controllo"); function something_happens () ("

Controlla se jQuery è caricato - Trucchi CSS

Controlla se jQuery è caricato - Trucchi CSS

If (typeof jQuery == 'undefined') (// jQuery NON È caricato, fai le cose qui.) "

Controlla se l'evento è stato attivato o nativo - Trucchi CSS

Controlla se l'evento è stato attivato o nativo - Trucchi CSS

$ ('pulsante'). click (function (event, wasTriggered) (if (wasTriggered) (alert ('triggered in code');) else (alert ('triggered by mouse');))); "

Controlla se l'elemento esiste - Trucchi CSS

Controlla se l'elemento esiste - Trucchi CSS

If ($ ('# myElement'). length> 0) (// esiste) O per renderlo una funzione di fantasia con una richiamata: // Tiny jQuery Plugin // di Chris Goodchild $ .fn.exists = "

Controlla se la casella di controllo è selezionata - Trucchi CSS

Controlla se la casella di controllo è selezionata - Trucchi CSS

Dillo 10 volte velocemente =). Scopri se una singola casella di controllo è selezionata o meno, restituisce vero o falso: $ ('# checkBox'). Attr ('verificato'); Trova tutto selezionato "

Cambia WMode con jQuery - Trucchi CSS

Cambia WMode con jQuery - Trucchi CSS

Se non imposti wmode su un flash embed, galleggerà sopra una sovrapposizione che può essere un grosso problema. Questo è l'ideale in ambienti con "

Rilevamento browser + Applica classi all'elemento HTML - Trucchi CSS

Rilevamento browser + Applica classi all'elemento HTML - Trucchi CSS

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

Verifica la presenza di elementi vuoti - Trucchi CSS

Verifica la presenza di elementi vuoti - Trucchi CSS

Fare qualcosa per ogni elemento vuoto trovato: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Do Something))); VERO o FALSO se l'elemento è vuoto: "

Migliore gestione delle immagini rotte - Trucchi CSS

Migliore gestione delle immagini rotte - Trucchi CSS

Le immagini mancanti non visualizzeranno semplicemente nulla o visualizzeranno una casella di stile quando la loro fonte non può essere trovata. Invece, potresti sostituirlo con un "

Calcola la distanza tra il mouse e l'elemento - Trucchi CSS

Calcola la distanza tra il mouse e l'elemento - Trucchi CSS

(function () (var mX, mY, distance, $ distance = $ ('# distance span'), $ element = $ ('# element'); function calcolaDistance (elem, mouseX, mouseY) (return "

Aggiungi overlay del sito DIV - Trucchi CSS

Aggiungi overlay del sito DIV - Trucchi CSS

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacity' : 0.4, 'posizione': "

Scopri automaticamente i collegamenti ai documenti e applica la classe - Trucchi CSS

Scopri automaticamente i collegamenti ai documenti e applica la classe - Trucchi CSS

$ ('a'). each (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .addClass (C);))); Questo esaminerà ogni elemento della "

Aggiungi uno spazio unificatore al titolo per evitare che le vedove - Trucchi CSS

Aggiungi uno spazio unificatore al titolo per evitare che le vedove - Trucchi CSS

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

Anima Altezza / Larghezza su "Auto" - Trucchi CSS

Anima Altezza / Larghezza su "Auto" - Trucchi CSS

Non è possibile fare cose.animate (("height": "auto")) ;. Quindi questo è il metodo di Darcy Clarke per consentire che funzioni. In sostanza, cloni l'elemento "

Aggiungi: nth-of-type a jQuery - Trucchi CSS

Aggiungi: nth-of-type a jQuery - Trucchi CSS

$ .expr = function (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (parts || 0))% parseInt (parts, 10) === 0; ); Vedi l'articolo originale "

Unescape HTML in JS - Trucchi CSS

Unescape HTML in JS - Trucchi CSS

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

Aggiunta / rimozione di una classe al passaggio del mouse - Trucchi CSS

Aggiunta / rimozione di una classe al passaggio del mouse - Trucchi CSS

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Funzionerà in qualsiasi browser su qualsiasi elemento, a "

Aggiungi classe di navigazione attiva basata su URL - Trucchi CSS

Aggiungi classe di navigazione attiva basata su URL - Trucchi CSS

Idealmente esegui l'output di questa classe dal lato server, ma se non puoi ... Supponiamo che tu abbia una navigazione in questo modo: Home Informazioni sui clienti Contattaci E lo sei "

Dimensioni finestra, risoluzione schermo, posizione mouse - Trucchi CSS

Dimensioni finestra, risoluzione schermo, posizione mouse - Trucchi CSS

Questo codice è compatibile con tutti i browser e controlla le dimensioni della visualizzazione, la risoluzione dello schermo e la posizione del mouse, il che può essere molto utile per "

Bookmarklet conteggio parole - Trucchi CSS

Bookmarklet conteggio parole - Trucchi CSS

Aggiungi alla barra dei preferiti, seleziona il testo, fai clic per ottenere il conteggio delle parole. Count Words Bookmarklet Count Words

Taglia primi / ultimi caratteri nella stringa - Trucchi CSS

Taglia primi / ultimi caratteri nella stringa - Trucchi CSS

Rimuovi gli ultimi quattro caratteri var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString ora è "abc" Rimuovi i primi due "