Laravel/FancyTree 中 Jquery 对 CSS 所做的更改仅反映在 function 的末尾

Question

我目前有一个花哨的树，当激活一个节点时，它将运行一堆消耗时间的 ajax/后端代码。

期望的结果：单击节点时，活动事件处理程序应捕获事件并显示加载图标，直到在删除加载图标之前完成以下所有代码然而，jquery 所做的 CSS 更改直到之后才运行function 已经完成，即使在附加的 ajax 和后端代码集之前已经调用了 jquery 命令。 这导致加载程序根本没有被反映。

糟糕的解决方案：在加载程序的可见性切换之间设置 windows 超时允许加载程序在再次删除之前实际反映到屏幕上。

activate: function(event, d) {
console.log('make loader appear');
 $('#loader').css('display','block')
//bunch of random code here
$('#loader').css('display','none')
}

Answer 1

我认为这可能是因为在您显示加载指示器后，您会立即将其隐藏。

在事件激活 function 中查看您的代码：

$('#loader').css('display','block') //bunch of random code here $('#loader').css('display','none')