Pregunta

Estoy usando Cufón para cargar algunas fuentes agradables con javascript. Y, ya que tengo muchas etiquetas, que utilice la siguiente instrucción para reemplazar todas las etiquetas:

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

Sin embargo, recientemente he decidido excluir algunas clases de etiquetas de la sustitución. ¿Hay una instrucción como:

Cufon.exclude('TheClassToExclude');

¿Fue útil?

Solución

El uso de * como selector es una muy mala idea. Por un lado, se va a tomar siempre para cargar la página y ejecutar el script, como Cufon bloquea el navegador mientras se realiza el dibujo. En segundo lugar, el texto no será visible seleccionable, dependiendo del navegador. (En este momento, FF3.6 no muestra las selecciones de texto Cufon)

Sin embargo, para responder a su pregunta, se puede decir Cufon para establecer en ciertas clases, sólo tiene que añadir las clases a los elementos que desea dibujado por Cufon, en lugar de al revés.

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

Editar

acaba de descubrir que si usted está utilizando una biblioteca de Javascript como jQuery, puede utilizar un selector diferente para excluir elementos.

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

Esto sería reemplazar todos los elementos H2 con el texto Cufon, excepto aquellos con la clase nocufon.

Otros consejos

Puede utilizar el '>' s sean necesarias para seleccionar una clase exacta elemento / elemento. Estoy usando esta manera en un sitio de Drupal para seleccionar todos los enlaces de la barra lateral de nivel 2,

'# barra lateral izquierda .menu-nivel-2> ul.menu> li> a

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top