複数のファイルからスクリプトを読み込み中に特定のページにのみdivを表示

Question

header.htmlというファイルにunameというdivが定義されています。私はhome.htmlとdash.htmlであるページのカップルの1つにこのdivを表示したくありません。

header.htmlが両方のページにロードされています。この特定のdivをhome.htmlに表示するにはどうすればいいですか？dash.htmlに表示するにはどうすればいいですか？

私はheader.htmlファイルをロードするためにjqueryのを使用しています：

$(document).ready(function() { 
    $("#header").load("header.html") 
}); 

Answer 1

はあなたのコードを変更し、次の行を追加します。それはロードされたとき

$(document).ready(function() { 
    $("#header").load("header.html",function(){ 
     $('.uname').hide(); 
    //of if uname is an id then 
     $('#uname').hide(); 
    }); 
}); 

は基本的に私たちがここでやっているのdivを隠しているの。

Answer 2

PHPでは、現在のURLを問い合わせることができ、結果に応じてdivを含めることもできます。

<?php 
$page = $_SERVER['REQUEST_URI']; 

if($page == 'dash.html'){ 
    echo '<div class="uname"> div content here </div>'; // put your div inside this echo 
} 
?> 

はあなたのheader.htmlで、必要な変更で、上記のコードを追加して、ヘッダを含むページをロードするとき、それはまたのためにチェックします：

サンプルコードは次のようになりますページURLとあなたのdivをロードするかどうかを指定します。