显示加载图像并在页面链接上加载新页面

时间:2013-11-25 14:04:05

标签: javascript jquery post get load

首先,我想说我的英语不太好,我是荷兰人!

无论如何,我最近在一个网站上,当我想在该网站上打开一个新页面时,有一个加载图标区域而不是网站内容,然后滑下新内容被撤消和重写的URL。 我想知道我该怎么做?该网站现已关闭!我注意到了一些事情。

    pageLoad: function (after){
    jQuery(window).load(function(){
        $thunderbolt.backdropContainerStatics();
        if(notifications.userLoggedIn == '') $thunderbolt.checkForWidthWhiteTop();
        $thunderbolt.openWhiteTopContainer();
        jQuery('body').append('<input type="hidden" class="pageLoadingStatics" value="loaded">');
        jQuery('.firstLoadScreen .loaderBulletcontainer').fadeOut(function(){
            jQuery('.firstLoadScreen').fadeOut('slow', function(){
                jQuery('.onloadscreenafter').fadeIn('slow', function(){
                    if($thunderbolt.welcome == true){
                        floatLoadPage('welcome');
                    }
                    notifications.start();
                });     
                jQuery('body').show(after);         
                jQuery(window).resize(function(){ 
                    if(notifications.userLoggedIn == '') $thunderbolt.checkForWidthWhiteTop(); 
                });
            });
        });
    });
},

其他代码

    pageLoader: function(type){
    if(type == 'show'){
        jQuery('.individualPageloader').show();
        jQuery('.individualPageloader .insidePageLoader').animate({
            marginTop: '0px'
        }, 500);
    }else{
        jQuery('.individualPageloader .insidePageLoader').animate({
            marginTop: '-80px'
        }, 500, function(){
            jQuery('.individualPageloader').hide();
        });
    }
},

getPage: function(value){
    getPage(value);
},

getPagePost: function(value, post, action){
    getPagePost(value, post, action);
},

replacePageInfo: function(sitename, data, page){
    jQuery('html title').html(sitename + ' :: ' + data);
    window.history.pushState(sitename, sitename + ' ~ ' + data, $thunderbolt.url + '/' + page);
},

功能

function getPage(value){
$thunderbolt.pageLoader('show');

jQuery.post($thunderbolt.url + "/page/" + value, function(page){
    jQuery('.loadIntoContainer .loadIntoContainerInside').fadeOut(function(){
        jQuery(this).html(page).fadeIn(function(){
            $thunderbolt.pageLoader('hide');
        });
        Cufon.replace("ubuntu");
        $thunderbolt.disableImageDrag();
    });
});

}

function getPagePost(value,post,action){     $ thunderbolt.pageLoader( '节目');

jQuery.ajax({
    type: "POST",
    url: $thunderbolt.url + "/page/" + value,
    data: "" + post + "",
    success: function(page){
        jQuery('.loadIntoContainer .loadIntoContainerInside').fadeOut(function(){
            jQuery(this).html(page).fadeIn(function(){
                $thunderbolt.pageLoader('hide');
            });
            Cufon.replace("ubuntu");
            $thunderbolt.disableImageDrag();
        });
    }
});

}

其他功能

function floatLoadPage(value, after){
jQuery('.floatLoadPage').html('<div class="quickProfileLoader" style="width: 40px; height: 40px; margin: auto; margin-top: 25%;"><img style="width: 40px; height: 40px; margin-top: -20px;" src="assets/image/general/loader/loader_white.gif"></div>').fadeIn('slow');
$thunderbolt.floatBackdropClick('.floatLoadPage');

jQuery.get("../../application/pages/float/float-" + value + ".php", function(data){
    if(after == null){
        jQuery('.floatLoadPage').html(data);
    }else{
        jQuery('.floatLoadPage').html(data).fadeIn(after);
    }
    $thunderbolt.center(jQuery('.floatLoadPage .floatContainer'), 'absolute', true, '', '0', '0');
    Cufon.replace("ubuntu");
    $thunderbolt.disableImageDrag();
});

}

function floatLoadPagePost(value,post,action){     jQuery的( 'floatLoadPage。 ')的html('')淡入()。;     $ thunderbolt.floatBackdropClick( 'floatLoadPage。');

jQuery.ajax({
    type: "POST",
    url: "../../application/pages/float/float-" + value + ".php",
    data: "" + post + "",
    success: function(data){
        jQuery('.floatLoadPage').html(data);
        $thunderbolt.center(jQuery('.floatLoadPage .floatContainer'), 'absolute', true, '', '0', '0');
        Cufon.replace("ubuntu");
        $thunderbolt.disableImageDrag();
    }
});

}

这是在外部。 Js文件

我在标签

中找到了这个
<script>

                                $thunderbolt.getPage('me');

使用以下代码加载所有页面

 <li onclick="$thunderbolt.getPage(&#39;radio&#39;);">

如何使此代码正常工作? 谢谢!

1 个答案:

答案 0 :(得分:0)

哦对不起$ thunderbolt是网站名称!