jquery ajaxStart nie działa

Question

Jeśli klikniesz na przycisk tutaj, aby zamówić przycisk tutaj: http://www.game onglove.com/ gog/test3.html, a następnie kliknij ten sam przycisk w oknie lightboxed, które się pojawi, żądanie ajax zostanie uruchomione przy użyciu $ .post().

Możesz nacisnąć przycisk "kontynuuj zakupy", aby powrócić do poprzedniego okna lightboxed, aby szybko zacząć od nowa.

Jeśli wykonam tutaj kod jquery w konsoli (chrome lub firefox), to działa poprawnie. To po prostu nie będzie działać, skąd to jest w kodzie źródłowym:

$('#cboxLoadingGraphic').ajaxStart(function() { 
$(this).show(); 
$('#cboxLoadedContent').hide(); 
}).ajaxStop(function() { 
$(this).hide(); 
$('#cboxLoadedContent').fadeIn('slow'); 
}); 

Dlaczego to będzie działać z konsoli, ale nie w jego obecnej lokalizacji w źródle? Jak mogę to uruchomić?

Answer 1

Ten element wychodzi za stworzony później, trzeba wiązać po to stworzony, lub nieco prościej wiążą obsługi do document od początku:

$(document).ajaxStart(function() { 
    $('#cboxLoadingGraphic').show(); 
    $('#cboxLoadedContent').hide(); 
}).ajaxStop(function() { 
    $('#cboxLoadingGraphic').hide(); 
    $('#cboxLoadedContent').fadeIn('slow'); 
});