URLのクエリ部分を取得し、その上でアクションを実行する

Question

現在、私の学校のクラスの1つのWebサイトを作成しています。

サイトをリロードしないように設定します。

質問でページを行うことにより：?page=index。 これは、クエリに応じてDivでフェードすることで行います。私はページが実際にリロードすることを知っていますが、フェードでリロードしないように見えません。あなたはここに私のサイトを見ることができます：http://yolatools.yolasite.com/resources/project.html?page=index

今私が?page=fcdujを行うと、その唯一の問題は、ページがDIVを見つけることができないと思われることです。

私のコードは次のとおりです。

function load(){ 
    var profile=location.search; 
    if(profile=="?page=index") 
    { 
    $('.section, #home').fadeIn(1500); 
    $('.i').addClass('active'); 
    $('.a, .m').addClass('grey'); 
    } 
    else if(profile=="?page=about") 
    { 
    $('.section, #about').fadeIn(1500); 
    $('.a').addClass('active'); 
    $('.m, .i').addClass('grey'); 
    } 
    else if(profile=="?page=more"){ 
    $('.section, #more').fadeIn(1500); 
    $('.m').addClass('active'); 
    $('.a, .i').addClass('grey'); 
    } 
    else if(profile==="") 
    { 
    location.href = '?page=index'; 
    } 
    if(profile !== '?page=index' && profile !== '?page=about' && profile !== '?page=more') { 
    var rsts = profile.substr(6); 
    $('#query').html(rsts); 
    $('#wrong').fadeIn(1500); 
    } 
} 

私はbodyタグにonloadでこの機能を起動します。

if(profile !== '?page=index' && profile !== '?page=about' && profile !== '?page=more') { 
    var rsts = profile.substr(6); 
    $('#query').html(rsts); 
    $('#wrong').fadeIn(1500); 
} 

しかし、それは動作していないようですが、私は、なぜ見当がつかない：DIVを示すことがわかっていないページを作成すると仮定されて

部分があります。 ?page=indexについては、通常はPHPで使用されていますが、PHPは使用したくありません。前もって感謝します。

Answer 1

#wrong div要素が示されているが、親.sectionのdivは表示されません。

変更ステートメントにあればということ：

if(profile !== '?page=index' && profile !== '?page=about' && profile !== '?page=more') { 
    var rsts = profile.substr(6); 
    $('#query').html(rsts); 
    $('.section, #wrong').fadeIn(1500); 
} 

Answer 2

必要なJS

を持つカスタム404エラーページ、

Answer 3

を作成します。これであなたのjavascriptを置き換える：

function home(){ 

$('#home').fadeIn(1000); 

$('#about, #more').fadeOut(10); 

} 

function about(){ 

$('#about').fadeIn(1000); 

$('#home, #more').fadeOut(100); 

} 

function more(){ 

$('#more').fadeIn(1000); 

$('#about, #home').fadeOut(100); 

} 

function menu(){$('#h1').fadeIn(1000);setTimeout('other()',1000)} 

function other(){ 

$('#h3').fadeIn(500); 

setTimeout('$("#menu").fadeIn(500);', 500) 

} 

function load(){ 

var profile=location.search; 
if(profile=="?page=index") 

{ 

$('.section, #home').fadeIn(1500);setTimeout('menu()', 1500) 

} 

else if(profile=="?page=about") 

{ 

$('.section, #about').fadeIn(1500);setTimeout('menu()', 1500) 

} 

else if(profile=="?page=more"){ 

$('.section, #more').fadeIn(1500);setTimeout('menu()', 1500) 

} 

else if(profile==="") 

{ 

location.href = '?page=index'; 

} 



else { 

var rsts = profile.substr(6); 

$('#query').html(rsts); 

$('#wrong,#articles').fadeIn(1500); 

$('#about, #more, #home').hide(); 

} 



}