Sto scrivendo diversi plugin JavaScript che vengono eseguiti automaticamente quando viene rilevato il codice HTML corretto sulla pagina. Ad esempio, quando viene rilevata una classe tabs
, il plug-in di schede viene caricato in modo dinamico e applica automaticamente la funzionalità della scheda. Qualsiasi opzione di personalizzazione per il plug-in JavaScript viene impostata tramite attributi di dati HTML5, molto simile a ciò che fa il framework Bootstrap di Twitter.
Il fascino del sistema di cui sopra è che, una volta che hai funzionato, non ti devi preoccupare di istanziare manualmente i plugin, basta scrivere il tuo markup HTML. Ciò è particolarmente utile se le persone che non conoscono bene JavaScript (o del tutto) desiderano utilizzare i propri plugin, che è uno dei miei obiettivi.
Questa configurazione ha funzionato molto bene, ma per alcuni plugin, sto trovando che ho bisogno di un set di opzioni più robusto. Le mie scelte sembrano avere un elemento con molti attributi di dati o consentire un singolo attributo data-options
con un oggetto opzioni JSON come valore. Avere un sacco di attributi sembra goffo e ripetitivo, ma il percorso JSON lo rende leggermente più complicato per i principianti e mi piacerebbe evitare il JavaScript completo negli attributi se possibile. Non sono del tutto sicuro di quale sia il modo migliore.
- C'è una terza opzione che non sto considerando?
- Ci sono delle best practice consigliate per questo particolare caso d'uso?