javascript - Google Chrome jQuery の問題

Question

setInterval メソッドと jQuery を使用してフォーム (formRemote、Grails の ajax フォーム) を定期的に送信するサイト (Grails) があります。すべてのブラウザー (IE でも) で動作しますが、Google Chrome では動作しない場合があります。ここに私が使用しているjsのフラグメントがあります:

window.setInterval(updateGroupMessages,500)
function updateGroupMessages() {
    console.log('hello from updateGroupMessages');
    $(function(){$('#updateGroupMessagesBlock').submit();});
}

Google Chrome でコンソールを確認しましたが、エラー メッセージはありません。正直なところ、何が間違っているのかわかりません...

Answer 1

最初に関数を宣言してから間隔を設定するように順序を変更してみてください。

function updateGroupMessages() {
    console.log('hello from updateGroupMessages');
    $(function(){$('#updateGroupMessagesBlock').submit();});
}
window.setInterval(updateGroupMessages,500)

Answer 2

クロージャを.submit()行からコード ブロック全体に移動してみてください。

$(function() {
    window.setInterval(updateGroupMessages,500);
    function updateGroupMessages() {
        console.log('hello from updateGroupMessages');
        $('#updateGroupMessagesBlock').submit();
    }
});