jQuery 加载页面慢 - 动画剪切

Question

好的，我尝试使用 jQuery 加载我网站的 .content，当我本地运行它时，它显示平滑且漂亮< /em> 但是当我在主机服务器上测试它时，动画太剪辑速度太慢...并且“加载栏”没有显示... :S

您可以在这里查看...

这是我的代码，如果您需要其他东西请询问我

$(document).ready(function () {

    var hash = window.location.hash.substr(1);
    var href = $('.kwicksC li a , .footerContainer li a').each(function () {
        var href = $(this).attr('href');
        if (hash == href.substr(0, href.length - 4)) {
            var toLoad = hash + '.php .content';
            $('.content').load(toLoad)
        }
    });

    $('.kwicksC li a , .footerContainer li a').click(function () {

        var toLoad = $(this).attr('href') + '.content';
        $('.content').fadeOut('fast', loadContent);
        $('#load').remove();
        $('#mainHWrap').append('<span id="load">CARGANDO...</span>');
        $('#load').fadeIn('normal');
        window.location.hash = $(this).attr('href').substr(0, $(this).attr('href').length - 4);

        function loadContent() {
            $('.content').load(toLoad, '', showNewContent())
        }

        function showNewContent() {
            $('.content').fadeIn("slow", hideLoader());
        }

        function hideLoader() {
            $('#load').fadeOut('normal');
        }
        return false;
    });
});

谢谢您的帮助

Answer 1

您需要将它们更改

function loadContent() {
        $('.content').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
        $('.content').fadeIn("slow",hideLoader());
    }

为

function loadContent() {
        $('.content').load(toLoad,'',showNewContent)
    }
    function showNewContent() {
        $('.content').fadeIn("slow",hideLoader);
    }

我从回调方法中删除了括号，因为您正在调用它们而不是将它们作为回调传递。