字形显示在下拉菜单上

Question

我正在更新一个 Angular 应用程序以使用 Bootstrap 3 字形图标而不是一些图像，并且遇到了以下困难：

我的内容部分的视图中有这个字形：

  <i class="glyphicon glyphicon-play"></i>

这个在下拉菜单中：

  <i class="glyphicon glyphicon-log-out"></i>

似乎当我下拉菜单时，“-play”字形没有隐藏，仍然通过它显示。

Answer 1

如果没有查看更多代码，我不能 100% 确定问题出在哪里，但您可以添加一些快速 jQuery 以在单击时显示/隐藏相应的图标。

$('.the-dropdown').on('click', function() {
  $('i.glyphicon-play').hide();
});