jquery - 按钮中的微调器

Question

我有一个如下所示的按钮。

<button type="button" id="#clock_in" class="btn btn-danger btn-lg">Clock-In</button>

如何使用 jQuery 在单击后附加 Spinner 并在事件发生后将其删除？

我尝试过如下

$('#clock_in').click(function(e){ 
   $('.btn').html('<i class="fa fa-spinner fa-spin"></i>Clock-In');
});

Answer 1

仅从您的描述来看

$('#clock_in').click(function(e){ 

    $('.btn').html('<i class="fa fa-spinner fa-spin"></i>Clock-In');



});
$(document).on(YOUR_EVENT_HERE, function(){
    $('.btn .fa-spinner').remove()
})

另外，如果你想在一些动画之后删除它，你可以尝试

$('#clock_in').click(function(e){ 
  var animationDuration = 2000;

    $('.btn').html('<i class="fa fa-spinner fa-spin"></i>Clock-In');


   setTimeout(function(){
       $('.btn .fa-spinner').remove()
   }, animationDuration)
});