动态添加字体超赞图标会导致页面滚动到顶部

Question

我正在通过AJAX和javascript ERB向我的视图中动态添加内容。如果ERB包含FontAwesome图标（SVG + JS），则会导致页面滚动到顶部。

我确定将FontAwesome与网络字体一起使用并且没有JS不会导致这种情况发生。

我的Javascript AJAX类似于：

$.ajax({
   url:'\deliverable\addline',
   method:'get',
   dataType: 'script'
});

addline.js.erb ERB类似于：

$("<%= escape_javascript(render partial:'deliverables\new_line') %>").appendTo($('body'));

new_line.html.erb ERB部分：

<div>
<i class="fas fa-trash"></i>
</div