Qualcuno può spiegare come/perché usare i ganci CSS di jQuery?

Ho esaminato il css di jQuery hooks e alcuni disponibili su Github. Sono stato in grado di usarli per impostare alcuni stili con jQuery, ma per quanto ho capito, mi dà solo un modo eccessivamente complesso per impostare uno stile css. Ovviamente mi manca il punto ... Cosa posso fare con loro? Posso fare ad esempio colonne di supporto CSS di Opera? se é cosi, come? Grazie per il vostro aiuto!Qualcuno può spiegare come/perché usare i ganci CSS di jQuery?

$(".sub").css({ 
      'columnWidth':'120px', 
      'columnRuleStyle':'dotted', 
      'columnRuleWidth':'1px', 
      'columnRuleColor':'#ccc', 
      'columnGap':'10px' 
      });

fonte

2011-02-03 Regis Zaleman

+1: veramente interessante, non sapevo di quei ganci! –

Beh, come li stai usando? Invia il codice ... –

Non ho fatto molto con esso, ma impostando alcuni stili CSS: Ho aggiunto il codice alla mia domanda, che viene dopo ho importato columns.js, un codice di hook css (?) Che ho ricevuto dal Github pronti contro termine. Ho menzionato nel mio primo post. –

Dal suono di cose, questi ganci CSS sono utili per il supporto del browser proprietà specifiche CSS che la funzione principale css() non.

fonte

2011-02-03 15:32:11

Aggiungendo il supporto per queste proprietà CSS nuove o specifiche del browser, sì consente di impostare quindi con la funzione $ .fn.css() ma aggiunge anche la possibilità di animarle, che è l'uso principale per gli hook .

http://proj.jetless.org/AWESOME-TIME/

fonte

2011-02-03 15:38:04 PetersenDidIt

Anche se questo è impressionante, non posso fare a meno di chiedere: "Ecco, solo animazione?" –

@Regis no non è solo animazione. Il tuo esempio di colonne CSS. Puoi estendere l'attuale cssHook per le colonne e creare supporto per qualsiasi browser che non lo abbia in modo nativo. Ci vorrebbe un po 'di lavoro ma i cssHooks ti permettono di entrare e di estendere la struttura $ .fn.css(). – PetersenDidIt

Modernizr fornisce già il supporto per lo stile alternativo, quindi non può essere tutto ciò che c'è ... Il più grande uso di jQuery è quello di eliminare le interazioni UX, molte delle quali dipendono dalle animazioni (diapositive, dissolvenze, dati del calendario -picking, ecc). Se vuoi transizioni in IE, allora puoi usare gli hook di jQuery per creare una funzione che approssimi la transizione. – Benxamin

csshooks è buon modo per implementare i nuovi stili CSS3 attraverso i browser. Puoi creare un plugin csshook per il border-radius che esegue il rilevamento delle funzionalità e implementa il border-radius in modo diverso sui browser che lo supportano. Spiega tutto proprio qui:

http://api.jquery.com/jQuery.cssHooks/

fonte

2011-03-04 16:23:52 Andy

Qualcuno può spiegare come/perché usare i ganci CSS di jQuery?

risposta

Problemi correlati