Question

我试图在点击按钮上添加旋转圆圈。这是代码 - https://jsfiddle.net/3upgdxuv/1/

＆＃13;

$('.button').on('click', function() {
  $(this).find('i').addClass('fa fa-circle-o-notch fa-spin')
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
<button CLASS="button">
  <i></i> dada
</button>

＆＃13;

我不明白我做得不好。此致

Answer 1

以下＆＃39;解决方法＆＃39;做的工作：

$('.button').on('click', function (){
    $(this).html("<i class='fa fa-circle-o-notch fa-spin'></i>" + " dada"); 
})

因此，您不需要i占位符（或其他占位符）：

<button class="button">dada</button>

您甚至可以获取按钮文本并以编程方式在i-Element之后添加。

FontAwesome circle-o-notch，点击显示

1 个答案: