Bootstrap 的 FontAwesome 图标选择器插件未显示

Question

我想在我的网站上使用 fontawesome 选择器。 我遵循了本教程： https://www.jqueryscript.net/other/Simple-FontAwesome-Icon-Picker-Plugin-Bootstrap.html

我在我的项目中添加了两个文件 fontawesome-iconpicker.js 和 fontawesome-iconpicker.css

我的输入：

<input class="icp demo" value="fa-anchor" type="text" name="iconTest">

我的 JS：

$('input[name="iconTest"]').iconpicker();

我没有看到 javascript 错误，当我点击输入时，没有任何反应。 没有错误，没有。

我在申请中使用 Bootstrap 和 jquery。

更新。 div 已创建但不可见：

<div class="iconpicker-popover popover fade bottom in" style="display: block;top: 421px;left: 6.5px;max-width: 1819px;z-index: 99999999999;">

当我将 display:block 更改为 display:contents 时，它会显示出来。

此致， 彼得

Answer 1

在正常情况下，i-class总是需要fa fa-arrow而不是fa-arrow或fas fa-arrow。也许这是同样的问题，但价值？

Answer 2

我现在用的字体图标编辑器是这样的：

$('input[name=value]').iconpicker({placement: "inline"});

现在可以了。

Answer 3

将此添加到您的 css

.fade.in {
    opacity: 1;
}