jQuery ajaxStart无法正常工作

Question

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

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

如果我在控制台（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');
});