2016-05-19 14 views
0

jquery 2.2.3Cant Änderung Spanne Text in ajaxStart

Ich habe eine ajaxstart Methode, und ich will den Text einer Spanne aktualisieren, bevor meine modalen zeigt:

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

Dies ist der html:

Wenn ich einen AJAX-Aufruf mache, wird der Code ausgelöst, aber der Span Text ändert sich überhaupt nicht. Mein modales Fenster wird erscheinen, aber ich habe diesen Code herausgenommen, um zu beweisen, dass er nicht mit der Spanne interferiert. In der Tat kann ich die Spanne überhaupt nicht manipulieren. Es wird nicht angezeigt, wenn ich es sage, um es zu zeigen. Wie kann ich den Text in AjaxStart ändern? Wenn ich darüber hinwegkommen kann, bin ich mir sicher, dass die anderen Dinge, die ich tun möchte, sich einfügen werden. Danke

+0

Sie haben die Zeichenfolge nicht geschlossen: HTML ("Ich sollte sich ändern); –

+0

Das ist nur ein Tippfehler ... der Browser that..i've aktualisiert fing die Frage hätte – BoundForGlory

+0

jose's Antwort unten gibt einen Hinweis darauf, dass es funktioniert, weil es ein setTimeout gibt, das modalProgress span auslöst ... wird es sofort unter Last abgefeuert und man sieht es einfach nicht? – Frankenmint

Antwort

1

Ich habe Ihren Code kopiert und Ajax Anruf und es funktioniert für mich.

 $(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>

+0

Ok, dann habe ich andere Probleme. Danke – BoundForGlory