jquery - 複数回実行されるフェードコールバック内のjQuery ajaxリクエスト

Question

これは私のHTMLがどのように見えるかです:

    <ul id="list">
            <li><a href="#one">One</a></li>
            <li><a href="#two">Two</a></li>
            <li><a href="#three">Three</a></li>
    <ul>

そして、これは私のjQueryです:

    $("#list li").fadeOut(600, function(){
        $.ajax({
            type: "POST",
            url: "includes/functions/ajax.php",
            data: { id: id },
            dataType: "json",
            })
        .done(function(data){
            otherFunction(data);
        });         
    });

そのため、リスト要素を非表示にしてから ajax リクエストを実行しようとしています。しかし問題は、何らかの理由で ajax リクエストが 3 回実行されていることです。フェード機能を削除すると、リクエストは適切に (1 回だけ) 実行されるため、リストにある項目と同じ回数実行されている可能性があり、これは奇妙に感じます。それは可能ですか？解決策を見つけるのを手伝ってもらえますか? フェードアウト関数が終了したときにのみ実行する ajax リクエストが本当に必要です。

私が自分自身を明確にしたことを願っています。私の英語を台無しにした場合はお詫び申し上げます。

ありがとうございました！