时间戳

首页 > 解决方案 > 如何在运行时显示等待消息以及在 jQuery 中完成折叠切换

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

问题描述

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

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

标签： jquerycss

解决方案

显然我在这里找不到可以附加到引导崩溃的承诺。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);
});

推荐阅读