我有一个如下所示的按钮。
<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');
});
最佳答案
仅从您的描述来看
$('#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)
});
关于jquery - 按钮中的微调器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59772240/