jquery ajaxStart no funciona

Si hace clic en el botón haga clic aquí para ordenar aquí: http://www.game onglove.com/gog/stest3.html, y luego haga clic en el mismo botón en la ventana de la caja de luz que aparece, se ejecutará una solicitud ajax usando $ .enviar().

Puede presionar “continuar comprando” para regresar a la ventana de la caja de luz anterior para volver a comenzar rápidamente.

Si ejecuto el código jquery aquí en la consola (chrome o firefox), entonces funciona correctamente. Simplemente no funcionará desde donde está en el código fuente:

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

¿Por qué funcionará desde la consola, pero no en su ubicación actual en la fuente? ¿Cómo consigo que esto funcione?

Ese elemento se creará más tarde, debe vincularse después de que se haya creado, o un poco más simple simplemente vincule el controlador al document desde el principio:

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