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
};

调用 load 函数时，警报会在显示加载图像时显示，而不是在加载完成后显示。

它有什么问题？

Answer 1

我认为语法有点不对劲。

代替

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

尝试

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

Answer 2

尝试以下操作（在匿名函数的加载函数中包装对 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
};

Answer 3

将函数定义移到加载函数之外。它应该看起来像

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
}