Domanda

sto usando Cufon per caricare alcune belle font con javascript. E, come ho molti tag, utilizzare le seguenti istruzioni per sostituire tutti i tag:

Cufon.replace('*', { fontFamily: 'MyFont' });

Ma, di recente ho deciso di escludere alcune classi di tag dalla sostituzione. C'è un'istruzione del tipo:

Cufon.exclude('TheClassToExclude');

È stato utile?

Soluzione

Utilizzo * come selettore è una bella cattiva idea. Per uno, sta andando a prendere sempre per caricare la pagina ed eseguire lo script, come blocchi Cufon il browser mentre si fa il disegno. In secondo luogo, il testo non sarà visibile selezionabili, a seconda del browser. (A questo punto, FF3.6 non mostra selezioni sul testo Cufon)

Ma per rispondere alla tua domanda, si può dire Cufon per impostare su certe classi, basta aggiungere le classi per gli elementi che si desidera disegnato da Cufon, piuttosto che il contrario.

Cufon.replace('h2.cufon', { fontFamily: 'MyFont' });

Modifica

appena scoperto che se si sta utilizzando una libreria JavaScript come jQuery, è possibile utilizzare un selettore diverso per escludere elementi.

Cufon.replace('h2:not(.nocufon)', { fontFamily: 'MyFont' });

Questo dovrebbe sostituire tutti gli elementi H2 con il testo Cufon, ad eccezione di quelli con la classe nocufon.

Altri suggerimenti

È possibile utilizzare il '>' s fino a selezionare una precisa classe di elemento / elemento. Sto usando questo modo su un sito Drupal per selezionare tutti i livello 2 collegamenti della barra laterale,

'# sidebar-sinistra .menu-level-2> ul.menu> li> un'

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top