jquery - 为什么不使用 ajax 从我的 html 文件中输入#content？

Question

$('#thumbs li a').click(function(){
    var toLoad = $(this).attr('href')+' #content';
    $('#content').hide('fast',loadContent);
    $('#load').remove();
    $('#wrapper').append('<span id="load">LOADING...</span>');
    $('#load').fadeIn('normal');

    function loadContent() {
        $('#content').load(toLoad,'',showNewContent());
    }
    function showNewContent() {
        $('#content').show('normal',hideLoader());
    }
    function hideLoader() {
        $('#load').fadeOut('normal');
    }
    return false;
});

每个 a href 都链接到与 index.html 位于同一目录中的 html 文件。所以我不太确定为什么它没有从#content 中检索内容。我已确保所有 html 文件也具有相同的 ID。

Answer 1

您正在调用showNewContent()andhideLoader()立即而不是将它们传递给load()and show()。

您应该删除括号以传递函数本身，而不是调用它们并传递它们返回的值：

function loadContent() {
    $('#content').load(toLoad, '', showNewContent);
}
function showNewContent() {
    $('#content').show('normal', hideLoader);
}