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');
});