jquery ajaxStart 不工作

Question

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

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

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

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

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

Answer 1

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

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