无法在ajaxStart中更改范围文本

时间:2016-05-19 14:43:10

标签: javascript jquery html

jquery 2.2.3

我有一个ajaxstart方法,我想在显示模态之前更新跨度的文本:

       $(document).on({
    ajaxStart: function () {
        $('#spnModalProgress').html("I should change");
        $('#spnModalProgress').show();
    },
    ajaxStop: function() {
      $('#spnModalProgress').hide();
    }
});

这是html:

  <div class="modal">
  </div>
<span id="spnModalProgress" class="centerModaltext">Get rid of this text</span>  

当我进行ajax调用时,代码正在触发,但是span文本根本没有变化。我的模态窗口会出现,但我拿出那个代码来证明它不会干扰跨度。事实上,我根本无法操纵跨度。当我告诉它显示时,它不会显示。如何在ajaxStart中更改文本?如果我能够克服这个问题,我相信我想做的其他事情都会落到实处。感谢

1 个答案:

答案 0 :(得分:1)

我已经复制了你的代码并进行了ajax调用,这对我有用。

       $(document).on({
    ajaxStart: function () {
        $('#spnModalProgress').html("I should change");
        $('#spnModalProgress').show();
    },
    ajaxStop: function() {
      setTimeout(function(){$('#spnModalProgress').hide()}, 2000);
    }
});

$.get('url');
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<div class="modal">
</div>
<span id="spnModalProgress" class="centerModaltext">Get rid of this text</span>