如何在字体真棒图标上绑定事件？

我想在一个字体真棒图标上绑定click事件。 然而，图标本身不可点击，只有当我插入其他文本时，该文本才会被绑定。

如何绑定图标本身？

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

Answer 1

如上所述，给跨度block或inline-block布局将解决问题。 至于为什么会出现非标准字体，我不完全确定，但可能是因为浏览器无法识别字符，因此假设span标记为空，从而将其折叠为0宽度和身高。

Answer 2

这是我使用的另一个解决方案，它似乎更清楚地回答了问题，只绑定了图标，不需要其他文本。 只需将其包装在您设置ID的范围内。 这是一个例子：

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

希望可以帮助别人。

Answer 3

另一种解决方案是将onClick直接写入i标签，如下所示：

是的，经过几个小时的测试，上面的解决方案已经完成，然后我知道这可能是一个很棒的图标问题，搜索带我到这里。