從多個文件加載腳本時僅在特定頁面上顯示div

Question

我在名爲header.html的文件中定義了一個名爲uname的div。我不想在這兩頁中的一個上顯示這個div，它們是home.html和dash.html。

header.html正在兩個頁面上加載。我怎樣才能隱藏上的這個特別的div，然後在dash.html上顯示它？

我使用jQuery來加載header.html文件：

$(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。