jquery ajaxStart 不工作

如果您点击此处的“点击此处订购”按钮：http://www.gameonglove.com/ gog/ test3.html，然后单击弹出的灯箱窗口上的相同按钮，将使用 $.post() 运行 ajax 请求。

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

如果我在控制台（chrome 或 firefox）中执行 jquery 代码，那么它可以正常工作。它只是无法从源代码中的位置工作：

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

为什么它可以从控制台运行，但不能在源代码中的当前位置运行？我该如何让它发挥作用？

该元素稍后创建，您必须在创建后进行绑定，或者更简单一点，只需将处理程序绑定到document从头开始：

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