jquery benutzerdefiniertes Ereignis in Ajax-Erfolg Callback funktioniert nicht ohne SetTimeout

Question

Ich habe folgende Jquery Ajax-Aufruf:

$.ajax({ 
    type: "POST", 
    url: url, 
    data: data, 
    success: function (data, textStatus, jqXHR) {       
    // Without setTimeout, the triggerHandler doesn't work 
    setTimeout(function (e) {       
     $(this).triggerHandler($.Event("CustomEvent")); 
    }); 
    } 
}); 

Und in einem anderen Ort:

$(this).on('CustomEvent', function (evt) { 
    alert("CustomEvent"); 
}); 

Der obige Code zeigt eine Warnung. Wenn ich jedoch den triggerHandler Aufruf in setTimeout nicht einschließen, wird das .on nie aufgerufen und eine Warnung wird nicht angezeigt. Irgendwelche Ideen warum das SetTimeout dafür notwendig zu sein scheint?

Answer 1

Der Grund ist "das" ist nicht immer "das".

Wenn die setTimeout Methode funktioniert, Ihre Veranstaltung auf $(window), so sollte diese Arbeit:

success: function (data, textStatus, jqXHR) {       
    $(window).triggerHandler("CustomEvent"); 
} 

Es gibt keine Notwendigkeit, ein jQuery-Ereignis-Objekt von der Art und Weise zu erstellen.