使用CSS或jQuery隱藏特定網頁的頁眉和頁腳

我的網站上有這樣的結構：

<html> 
<head></head> 
<body> 
<header></header> 
Content 
<footer></footer> 
</body> 
<html>

我怎樣才能讓這個網站中的一個頁面不顯示頁眉或頁腳？

我試過jQuery的.hide，但它隱藏了所有頁面的這些元素。我知道我錯過了一些簡單的事情，但我很難搞清楚。謝謝你的幫助！

來源

2013-03-15 KDP

所以從html到和從

你說你使用jQuery的'hide'方法。這就是您所需要的，但只能在要隱藏頁眉/頁腳的頁面上進行。 – Kyle 2013-03-15 20:43:33

是的，凱爾說什麼，我不明白這裏的問題？ – 2013-03-15 20:44:11

沒有真正看到問題，只是把這個在你想隱藏在頁眉/頁腳每一頁：

$(function() { 
    $("header, footer").hide(); 
});

http://jsfiddle.net/ZbVxw/

來源

2013-03-15 21:00:15 ach

夥計們，這個對我來說。我道歉;我正在使用mobify構建一個移動站點，並將代碼放在一起，有時會相互衝突。您提供的代碼，@ach，只要我從網站的其他區域清除了一些衝突，就可以正常工作。謝謝你的修復。 – KDP 2013-03-15 21:25:51

-1

試試這個：

<html> 
<head></head> 
<body> 
<header></header> 

//START OF CONTENT PAGE 
//write the hiding code here for header and footer on document.ready 

<script type='javascript'> 
$(document).ready(function(){ 
    $("header, footer").hide(); 
}); 
</script> 



Content 

//END OF CONTENT PAGE 
<footer></footer> 
</body> 
<html>

來源

2013-03-15 20:45:52 luckystars

使用CSS或jQuery隱藏特定網頁的頁眉和頁腳

回答

相關問題