css - 字形显示在下拉菜单上

Question

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

我的内容部分的 View 中有这个字形:

  <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();
});