Comment lier des événements sur des icons de police géniales?

Je veux lier l’événement click sur une icône de police géniale. Pourtant, l’icône elle-même n’est pas cliquable, ce n’est que lorsque j’insère du texte supplémentaire que ce dernier devient lié.

Comment lier l’icône elle-même?

  only this text is clickable, the icon itself is not   (function($) { $('span.icon-star').on('click', function() { console.log($(this)); }); })(jQuery);

Comme indiqué ci-dessus, atsortingbuer à l’étendue un block ou une disposition de block inline-block résoudra le problème. Quant à savoir pourquoi cela se produit avec des fonts non standard, je ne suis pas tout à fait sûr, mais cela peut être dû au fait que le navigateur ne reconnaît pas le caractère et suppose donc que la balise span est vide, ce qui la réduit à une largeur de 0 et la hauteur.

Voici une autre solution que j’ai utilisée qui semble répondre plus clairement à la question, ne liant que l’icône, aucun autre texte nécessaire. Enveloppez-le simplement dans une span où vous définissez l’identifiant. Voici un exemple:

    $("#menuOpen").click(showMenu);

J’espère que cela peut aider quelqu’un.

Une autre solution consiste à écrire onClick directement dans la balise i comme ceci:

Oui, après les heures de test, la solution ci-dessus a fait avancer les choses, puis je sais que cela peut être un problème d’icône impressionnant, et une recherche m’a amené ici.