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

将您的函数定义移到load函数之外。它应该看起来像

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

jQuery回调叫得太早了？

3 个答案: