Question

我正在构建一个按钮并用一些文本，一个引导徽章和一个字体很棒的图标来装饰它。后来我可能想要更改font-awesome图标。但是，当我更改图标时，会发生两件事。徽章中的原始图标将被删除，并且新图标已安装 - 但不会显示。我注意到的第二件事是原始图标上的:before标记也被删除，但是当新的ocin进入时不会被替换。

我有fiddle here

const roomNameDiv = $("<div/>").addClass("nameDiv")
    .appendTo("#thing");
const button = $("<button/>").addClass("roomId")
    .addClass("itemName")
  .addClass("btn")
  .addClass("btn-sm")
  .addClass("btn-secondary")
  .addClass("p-0")
  .attr("data-info",
        "groupName" + ":" + "roomType" + ":" + "roomId")
  .append("roomId")
  .appendTo(roomNameDiv);
const buttonBadge = $("<span/>").addClass("buttonBadge")
  .addClass("badge")
  .addClass("badge-info")
  .addClass("mr-1")
  .prependTo(button);
var buttonBadgeIcon = $("<span/>").addClass("fa")
  .addClass("fa-user-plus")
  .addClass("fa-fw")
  .appendTo(buttonBadge);

window.confirm("continue: ");

buttonBadgeIcon.removeClass("fa-user-plus")
  .addClass("fa-user-minus");

我也尝试过以下相同的结果：

...
window.confirm("continue: ");

buttonBadgeIcon.remove();
buttonBadgeIcon = $("<span/>").addClass("fa")
  .addClass("fa-user-minus")
  .addClass("fa-fw")
  .appendTo(buttonBadge);

我错过了什么？

Answer 1

您正在使用Font-awesome版本4.7.0。我在这个版本中找不到类fa-user-minus的图标。这就是问题所在。作为建议，尝试升级到Font-awesome版本5.它具有您正在寻找的图标。

用另一个替换一个字体真棒图标不会显示结果

1 个答案: