Question

这是我的代码：

<body>
<button type="button" id="btnCount">
    Count</button>
<button type="button" id="btnFireGlobal">
    Fire Global Events</button>
<div id="log">
</div>
</body>
<script>
$(document).ready(function(){
$('body').bind('ajaxStart ajaxSend ajaxSuccess ajaxComplete ajaxError', function (event) {
            $("#log").append(event.type+"<br>");
});
$('#btnFireGlobal').click(function () {
            $.ajax({ url: 'AjaxService.asmx/HelloWorld'

            });
        });
});
<script>

问题：当我将全局ajax事件绑定到body时，它们不会被解雇。但是当我将它们绑定到文档时，它们会被解雇。请告诉我他们为什么不被解雇身体。

Answer 1

从jQuery 1.8开始，.ajaxStart（）方法只应附加到文档。

$(document).on('ajaxStart ajaxSend ajaxSuccess ajaxComplete ajaxError', function (event) {
    $("#log").append(event.type+"<br>");
});

Answer 2

这些事件被设计为附加在文档对象上：它们不仅仅因为它们不适用于身体！

ajaxStart文档的示例： http://api.jquery.com/ajaxstart/

＆＃34;从jQuery 1.8开始，只应附加.ajaxStart（）方法。文件＆＃34;

Ajax全球事件未被解雇

2 个答案: