如何在运行时显示等待消息以及完成折叠时如何在jQuery中切换

Question

我正在尝试执行此代码，但是它不起作用。请问有什么帮助吗，或者还有其他方法吗？向所有人致意。

$(document).on('click','.bcollapseclass1', function(e){
$('#WaitingMessage').css('display', 'block');
$('.bchkmycollapse').collapse('toggle').done(function(e) {
$('#WaitingMessage').css('display', 'none');
});
 });

Answer 1

显然，我在这里找不到可以在引导崩溃时附加的承诺。 https://www.w3schools.com/bootstrap/bootstrap_ref_js_collapse.asp

您可以做的是将元素的隐藏置于setTimeOut函数中，这将延迟隐藏。

尝试一下；

$(document).on('click','.bcollapseclass1', function(e){
   $('#WaitingMessage').css('display', 'block');

   $('.bchkmycollapse').collapse('toggle');

   // this would wait for 3 seconds before hiding #WaitingMessage
   setTimeout(function(){
     $('#WaitingMessage').css('display', 'none'); 
   }, 3000);
});