jQuery loadpage慢 - 动画剪切

时间:2010-10-13 21:04:51

标签: jquery animation dynamic load

好的我尝试使用 jQuery 加载我网站的 .content ,当我运行本地时,它会显示 smoth并且很好但是当我在主机服务器上测试它时,动画太慢切削 ...并且“加载条”没有显示......:S < / p>

You can check it out here...

这是我的代码,如果你需要什么,请问我

$(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;
    });
});

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

您需要更改这些

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

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

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