jquery - show() 函数在 div 中不起作用

Question

我正在显示和隐藏一个包含加载/等待 gif 图像的 div。单击按钮时，我在单击函数末尾调用 $("#div").show() 和 .hide() 。但图像一般不显示。当我将断点放在 .show() 行旁边时，它会显示图像。

我也尝试了 .css("display","")，但它不起作用。

请建议任何其他方式，或者告诉我可能是什么问题。

谢谢。

我的代码如下所示

$("#button").click(function(){

   $("#div").show(); // showing image so that user will know that a process is going on.

   //other working code

   $("#div").hide();   // hiding will indicate process completion
});

Answer 1

Javascript 是单线程的，UI 渲染和脚本执行共享同一个线程。由于浏览器进行优化的方式，您看不到 show() 和 hide() 效果。

您可以利用 JQuery Promise 机制来解决您的问题。示例 here

而不是这样做

1) show the DIV

2) execute some code

3) hide the DIV

你会这样做

1) show the div

2) When 'show' is complete

           2.1) execute your code, 
           2.2) hide the DIV

我创建了一个 JSbin 工作示例 here