Dev Faq
9
votes

Comment désactiver CUFON sur certains éléments?

J'utilise actuellement Cufon Accross notre site avec quelque chose de similaire à Cufon.set ('FontFamily', 'DIN Medium'). Remplacer ("H1 '); Pour une seule balise H1, je voudrais Comme Cufon pour être désactivé, ceci est sans changer la balise H1 sur une autre balise, elle doit rester telle qu'elle est.

Je peux ajouter des cours etcs à la balise H1 si nécessaire, et peut faire n'importe quel HTML / CSS / JS ne modifie tout simplement pas la balise réelle.

Quelqu'un peut savoir si cela est possible et si c'est comment?

Merci d'avance,

Shadi

0 commentaires

4 Réponses :

0
votes

par un seul H1, vous voulez dire? 

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

2 commentaires

Je ne pense pas que cela fonctionnera, vous indiquez à Cufon de remplacer à nouveau tous les éléments H1. Vous pouvez envoyer l'élément DOM cependant.

Ceci va simplement styler toutes les balises H1.

11
votes

Selon le moteur sélecteur que vous utilisez, vous pouvez:

  • Ajouter une classe à votre exception H1 Element
  • Vous pouvez utiliser le Sélecteur: NON Sélecteur pour appliquer uniquement CUFON aux H1 qui ne dispose pas de la classe susmentionnée (avec jQuery et nom de classe 'propre', ce serait quelque chose comme cufon.replace ('H1: non ( .clean) ')');
2 commentaires

Solution génie! Exactement ce dont j'avais besoin :)

Pouvez-vous faire du violon pour cela, je n'ai pas eu la réponse.

3
votes 
remove_cufon('#name');
0 commentaires
1
votes

Utilisation de jQuery: utilisez la classe CSS sur H1 et spécifiez dans le sélecteur ... 

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

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO