jquery - jQueryコールバックの呼び出しが早すぎますか？

Question

これが私が使用しているコードです：

function load(toLoad, area){
    $(area).html('<img src="images/ajax-loader.gif" alt="Loading" class="center" />');
    loadContent();
    function loadContent() {
        $(area).load(toLoad,'',sorter())
    };
    function sorter() {
        alert('s');
        $("#myTable").tablesorter({
            widgets: ['zebra']
        });
    };
    return false
};

ロード関数が呼び出されると、アラートは、ロードが終了した後ではなく、ロード中の画像が表示されたときに表示されます。

何が問題なのですか？

Answer 1

これには構文が少しずれていると思います。

それ以外の

function loadContent() {
    $(area).load(toLoad,'',sorter())
};

試す

function loadContent() {
    $(area).load(toLoad,'',sorter)
};

Answer 2

関数定義をロード関数の外に移動します。次のようになります

function load(toLoad, area){
    $(area).html('<img src="images/ajax-loader.gif" alt="Loading" class="center" />');
    loadContent();
}

function loadContent() {
        $(area).load(toLoad,'',sorter())
}

function sorter() {
        alert('s');
        $("#myTable").tablesorter({
                widgets: ['zebra']
        });
    };
    return false
}

Answer 3

次のことを試してください（匿名関数のload関数でsorter（）の呼び出しをラップします）

function load(toLoad, area){
    $(area).html('<img src="images/ajax-loader.gif" alt="Loading" class="center" />');
    loadContent();
    function loadContent() {
        $(area).load(toLoad,'',function() {sorter()})
    };
    function sorter() {
        alert('s');
        $("#myTable").tablesorter({
                widgets: ['zebra']
        });
    };
    return false
};