「pagecontents」と呼ばれる 1 つのページにすべてのページのコンテンツを含む Web サイトがあります。navbar のメニューをクリックすると、jQuery ロード機能がトリガーされ、関連するコンテンツがメイン ページにロードされます。
正常に動作していますが、特定のコンテンツが読み込まれるたびに URL にハッシュを追加して、ユーザーがハッシュを使用して URL を入力または貼り付けたときに、関連するコンテンツを直接表示できるようにしました。これはローカル ホストでは問題なく機能しますが、リモート ホストでは機能しません。何が問題なのでしょうか。
if(location.hash == '#web') {
$('#contentFetch').load('pagecontents.php #webC');
}if(location.hash == '#graphic') {
$('#contentFetch').load('pagecontents.php #graphicC');
}if(location.hash == '#mobile') {
//$('#testLocation').text("mobile Works");
$('#contentFetch').load('pagecontents.php #mobileC');
}if(location.hash == '#contact') {
$('#contentFetch').load('pagecontents.php #contactC');
}else{
$('#contentFetch').load('pagecontents.php #indexC');
}
編集: クエリ文字列のハッシュについて: ウェブサイトの URL 例: 'www.mywebsite.com/'. 最後に「#graphic」を追加すると、「www.mywebsite.com/#graphic」のようにコンテンツが読み込まれません。ロードしていないのにEnterキーを押し続けると、ロードされることに気付きました!!!? 5回に1回ロードされるため、非常に一貫性がないようです。これを使用することは現実の世界で信頼できるのでしょうか、それとも別の方法がありますか? ありがとう、マイク