jquery ajaxStart无法正常工作

Question

如果你点击这里点击这里订购按钮:http: //www.game onglove.com/ gog/test3.html,然后点击弹出的lightboxed窗口上的相同按钮,ajax请求将使用$运行.员额().

您可以点击"继续购物"返回上一个灯箱窗口以快速重新开始.

如果我在控制台(chrome或firefox)中执行jquery代码,那么它可以正常工作.它只是不会在源代码中的位置工作:

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

为什么它可以从控制台工作,但不能在源中的当前位置工作？我如何让它工作？

Answer 1

该元素将在以后创建,您必须在创建后绑定,或者稍微简单一点document就将处理程序绑定到开头:

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