jQueryのカスタムイベントは、setTimeoutを

Question

せずに動作していない私は、次のjqueryのAJAX呼び出しがあります。

$.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")); 
    }); 
    } 
}); 

、別の場所で：

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

上記のコードは、警告が表示されます。しかし、私がtriggerHandlerを呼び出す場合は、のsetTimeoutが呼び出されることはなく、警告は表示されません。これが動作するためにsetTimeoutが必要であると思われるアイデアはありますか？

Answer 1

"this"は必ずしも "this"ではありません。

setTimeout方法が動作する場合、あなたのイベントが$(window)上にあるので、これは動作するはずです：

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

方法でjQueryのイベント・オブジェクトを作成する必要はありません。