Chrome不显示和隐藏加载程序

Question

我正在使用以下函数来显示和隐藏浏览器工作时包含加载图像的div。它在Firefox中运行良好。在Chrome中，虽然它没有这样做。屏幕保持静态，按钮在“点击”状态下开始函数调用，即使鼠标未在上面也是如此。如果我使用开发人员工具来设置断点，那么我看到setVisibility（）函数被调用，并且加载器div被正确显示和隐藏。

该功能如下所示：

    function setVisibility(id, visibility) {
        if(document.getElementById(id)){
            document.getElementById(id).style.display = visibility;
        }
    }

以下是显示/隐藏调用的示例：

    setVisibility("loader", "inline");
    setVisibility("loader", 'none');

有什么想法吗？

Answer 1

我不确定你是否对jquery了解得多，但我会包含最新的jquery并使用.show（）和.hide（）方法......

http://docs.jquery.com/Show

这个花絮，你正在使用显示，通过我关闭可见性功能名称。

Answer 2

我希望这有帮助

  

我有同样的问题，我真的不知道它是怎么发生的，但它可以   使用如下代码中的小延迟来修复。

使用此代码处理您的功能

function setVisibility(id, visibility) {
        if(document.getElementById(id)){
            setTimeout(function(){
               document.getElementById(id).style.display = visibility;
            }, 1);
             // please note i have added a delay of 1 millisecond with js timeout function which runs almost same as code with no delay.

        }
    }