我有下面的HTML使用Bootstrap和FontAwesome：

<button type="submit" class="btn btn-primary">
         <i class="fas fa-spinner fa-spin" style="display:none;"></i> 
         <i class="fa-solid fa-file-code"></i> HTML
    </button>

字符串
使用JQuery，我有一个click事件，该事件应该显示i.fa-spinner元素：

$(".btn").click(function (event) {
    $(".fa-spinner", this)
         .show()
         .attr('style', 'display:inline-block;');

     return true;});

型
这是行不通的--尽管源代码似乎在更新i元素的style属性，但它实际上并没有显示在页面上。如果我向click事件返回false，它就可以工作（显示微调器），但很明显，按钮并没有提交表单。
我也在对锚元素做同样的事情，它们工作得很好。
我试着将i元素 Package 在span元素中，然后显示/隐藏它，但仍然不起作用。
我使用的是Bootstrap 5.1、FontAwesome 6.2.1和JQuery 3.5。