在绑定之前等待 Font Awesome JS 将 i 转换为 svg

Question

我有一个有点问题，当谈到绑定到由字体真棒JS生成的字体真棒元素<i>来<svg>。

我正在尝试使用tooltipster将自定义 HTML 元素附加到<i>我的 Laravel 5 应用程序中的标签，如下所示

刀刃

<i class="fa fa-ellipsis-h doc-settings room-image-settings-tooltip" data-tooltip-content="#room_image_settings_{{$key}}" aria-hidden="true"></i>

JS

//Tooltip enable
$('.room-image-settings-tooltip').tooltipster({
    theme: 'tooltipster-punk',
    trigger: 'click',
    animation: 'grow',
    minWidth: 300,
    interactive:true,
    animationDuration:200
});

这导致 Font Awesome 创建这样的 SVG

如您所见，效果很好。它接管了所有属性。问题是，如果没有 font awesome 5，当它保留为<i>元素时绑定得很好，但是当转换为 时<svg>，即使上面的 tooltipster js 位于文档就绪标记内，也必须重新运行 tooltipster 代码在控制台中使其工作并绑定到<svg>.

我的 JS 正在按此顺序加载

应用程序.js

require('@fortawesome/fontawesome-pro/js/all');

$(document).ready(function(){
   //Tooltip enable
   $('.room-image-settings-tooltip').tooltipster({
       theme: 'tooltipster-punk',
       trigger: 'click',
       animation: 'grow',
       minWidth: 300,
       interactive:true,
       animationDuration:200
   });
});

那么肯定 Font Awesome 应该在 tooltipster 代码之前运行并且它应该正确绑定到新的 SVG 元素？

我弄错了吗？某处深处是在文档就绪标记中运行的<i>to<svg>代码，它在我自己的 app.js 文件之后运行？

当 SVG 完成转换并运行 JS 时，我该如何监听？

Answer 1

我不知道为什么这个问题被否决了，因为它是一个合法的问题，而 Font Awesome 有专门的听众。在联系了 font awesome 5 的支持后，他们已将我定向到文档以在此处收听已完成<i>的<svg>转换。