绑定前等待Font Awesome JS将我转换为svg

Question

在绑定到Font Awesome JS <i>到<svg>生成的Font Awesome元素时，我遇到了一个问题。

我试图像这样在我的Laravel 5应用程序中使用tooltipster将自定义HTML元素附加到<i>标签上

刀片

<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

如您所见，效果很好。它已接管所有属性。问题是，如果没有令人敬畏的5字体，当它仍保留为<i>元素时，即使上面的工具提示js位于文档就绪标签中，它仍可以很好地绑定为<svg> ，必须在控制台中重新运行工具提示代码，以使其起作用并绑定到<svg>。

我的JS以此顺序加载

app.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，并且它应该正确绑定到新的SVG元素吗？

我弄错了吗？在<i>至<svg>代码的最深处某个地方已在文档就绪标签中运行，并且该代码在我自己的app.js文件之后运行？

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

Answer 1

我不知道为什么这个问题会被否决，因为它是一个合理的问题，而Font Font真棒了专门针对它的听众。联系支持真棒字体5的支持人员后，他们已将我定向到文档，以收听从<i>到<svg>到here的完整转换。