Cómo deshabilitar Cufon en ciertos elementos?

Question

Actualmente uso Cufón al otro lado de nuestro sitio con algo similar a Cufon.set('fontFamily', 'DIN Medium').replace('h1'); Ahora para una sola etiqueta H1 me gustaría Cufón estar deshabilitado, esto es, sin cambiar la etiqueta H1 a cualquier otra etiqueta, debe permanecer como está.

puedo agregar clases, etc., para la etiqueta H1, si es necesario, y puedo hacer nada de HTML/CSS/JS simplemente no cambiar la etiqueta real.

Alguien sabe si esto es posible y si es así como?

Gracias de antemano,

Shadi

Answer 1

Dependiendo de qué motor de selección que utilice, puede:

• agregar una clase a su excepción elemento h1
• puede utilizar el: No selector de aplicar únicamente Cufon a los de h1 que no tienen la clase antes mencionada (con jQuery y nombre de clase 'limpios' que sería algo así como Cufon.replace('h1:not(.clean)');

Answer 2

por única h1 se refiere?

$('h1').each(function(){ 
    if($(this).siblings('h1').length) 
     Cufon.set('fontFamily', 'DIN Medium').replace(this); 
}); 

Answer 3

function remove_cufon(selector) { 
    $(selector).html(cufon_text(selector)); 
    return true; 
} 

function cufon_text(selector) { 
    var g = ''; 
    $(selector +' cufon cufontext').each(function() { 
     g = g + $(this).html(); 
    }); 
    return $.trim(g); 
} 

Uso:

remove_cufon('#name'); 

Answer 4

Usando jQuery: Utilice la clase CSS a H1 y especificar en el selector ...

$('h1.noCufon').each(function(){ 
     var cufonText = ''; 
     $('cufontext',$(this)).each(function(){ 
      cufonText+=$(this).html(); 
     }); 
    if(cufonText!=''){ 
     $(this).html(cufonText); 
    } 
})