javascript - 微调器不起作用

我好像不能让这个旋转器工作。如有任何帮助，我们将不胜感激。我希望在页面加载时显示此内容。

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px /* height of the spinner gif +2px to fix IE8 iss */
  }

<div id="spinner" class="spinner" style="display:none;">
<img id="img-spinner" src="https://www.cmfgroup.com/images/list-graphics/loader.gif?       Status=Temp&sfvrsn=2" alt="Loading"/>
</div>

<script type="text/javascript">
$(document).ready(function(){
$("#spinner").bind("ajaxSend", function() {
    $(this).show();
}).bind("ajaxStop", function() {
    $(this).hide();
}).bind("ajaxError", function() {
    $(this).hide();
});

 });
</script>

页面加载时不显示任何内容

最佳答案

可能是在ajax调用已经发生之后绑定的。您是否尝试过在ready函数中添加ajax微调器，并在脚本完成时查看它是否消失？
像这样的：

<script type="text/javascript">
$(document).ready(function(){
    $("#spinner").show();
    $("#spinner").bind("ajaxSend", function() {
        $(this).show();
    }).bind("ajaxStop", function() {
        $(this).hide();
    }).bind("ajaxError", function() {
        $(this).hide();
    });
});
</script>

关于javascript - 微调器不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26468093/