Question

我有一个加载器动画gif，我想在我的ajax请求中隐藏和显示。

这是我的加载器HTML代码。

<span id="loader"><img src="images/icons/ajax-loader.gif" alt="loader" /></span>

我想最初用这个

隐藏它

    <script type="text/javascript">
        $(document).ready(function() {
            $('#loader').hide()
        });
    </script>

然而它仍然显示直到我的ajax函数实际运行，然后隐藏它。但我想在启动时隐藏它。

Answer 1

在文档加载并“准备就绪”之前，它不会被隐藏。要阻止它显示，请在<body>：

之前添加此CSS

<style>
#loader { display: none; }
</style>

Answer 2

将样式display:none;添加到标记中的范围。

<span id="loader" style="display:none;">
    <img src="images/icons/ajax-loader.gif" alt="loader" />
</span>

Answer 3

<span id="loader" style="display: none">...</span>

Answer 4

你使用asp.net吗？也许进度面板触发它

$（'＃loader'）只是

中的一个内容

试

$('#loader').parent().hide()

Answer 5

<script type="text/javascript">
    $(document).ready(function() {
        $('#loader').css("display","none");
    });
</script>