jquery div开关

时间:2012-01-21 09:51:20

标签: jquery html css

我最近一直在开发一个网站,其中一切都在localhost上运行得很好但是当我将它移动到服务器时,更改div函数开始加载奇怪而且我不知道为什么。当您循环浏览投资组合按钮和联系人按钮时,错误会更明显。

该网站仅针对Firefox 9进行了优化。

http://raduvulcu.comuf.com/ro

这是加载页面的脚本:

$(document).ready(function() {

    var hash = window.location.hash.substr(1);
    var href = $('.pagination a').each(function(){
        var href = $(this).attr('href');
        if(hash==href.substr(0,href.length-5)){
            var toLoad = hash+'.html #content';
            $('#content').load(toLoad)
        }                                           
    });

            $('.pagination a').live('click',function() {

                var toLoad = $(this).attr('href')+' #content';
                $('#content').hide('slow',loadContent);
                $('#load').remove();
                $('#wrapper').append('<span id="load"></span>');
                $('#load').fadeIn('slow');
                window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
                    function loadContent() {
                        $('#content').load(toLoad,'',showNewContent())
                    }
                    function showNewContent() {
                        $('#content').show('slow',hideLoader());
                        $(window).scrollTop('');
                    }
                    function hideLoader() {
                        $('#load').delay(300).fadeOut('slow');
                    }

                return false;
        });         
});

1 个答案:

答案 0 :(得分:1)

您可以尝试以下

隐藏内容并加载新内容时:

$('#content').hide('slow',loadContent);

您应该确保一旦隐藏,内容就会变空:

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