在索引之外的每個頁面上隱藏div

Question

我遇到了一個小問題，我幾乎找到了答案。 我有我的頁眉/頁腳，我做了一個包含文件，因為客戶端讓我每天添加和刪除這些東西。 現在我可以在一個文件中做所有的更改，男孩真是個漂亮的功能！ 這種興奮並沒有長久地相信我，現在我必須找到一個修復，為每個頁面的導航添加current或active狀態，現在我處於一個很大的兩難境地。 我想保留包含文件，所以我不必浪費客戶端時間進行大量更改，但我需要使這個div只出現在索引文件中。 最頂部的深灰色div需要出現在主頁上，但隱藏在其他頁面上。 它說“奧巴馬醫改變得簡單 - 無需額外費用即可獲得專業幫助！”。

關於如何實現這種預期效果的任何想法？

如果您需要更多部分代碼或任何內容，請告訴我。

標題包括除了頭部（GA，元標記和所有爵士樂）

</head>

<body>
<div class="hTitle"><em>Obamacare Made Easy – Get Professional Help at No Extra Cost!</em><span class="x">    <strong>X</strong></span></div>
<div class="header">
<div class="wrapper">
    <a href="index.php"><img class="logo" src="images/logo.png" alt="OAHU logo" /></a>
    <a class="fraud" href="http://insurance.ohio.gov/Newsroom/Pages/05092013ConsumerAlertHealthReform.aspx" target="blank">Fraud Alert<br /><p>Click to learn</p></a>
</div>
</div>
<nav>
  <ul>
    <li><a class="current" href="index.php">Home</a></li>
    <li><a href="consumer.php">Find an Agent</a></li>
    <li><a href="resources.php">Resources</a></li>
    <li><a href="about.php">About OAHU</a></li>
    <li><a href="http://www.ohioahu.org/" target="blank">Agent's Login</a></li>
  </ul>
</nav>

jsfiddle文件

現場網站，如果這有幫助

該站點使用HTML5 ， CSS3 ， jQuery和PHP因此任何一個都可以解決這個問題。

Answer 1

在索引文件中，為您的身體提供ID或類。

<body class="index">

然后你的CSS可以讀取類似的內容

.hTitle {
    display:none;
}

.index .hTitle {
    display:block !important;
}

這將僅顯示索引上的標題。 （YAY for CASCADING！）

Answer 2

在PHP中：

if (currPage()=='index.php') {
    echo '<div id="indexpageonly">Heres the div</div>';
}

我使用此方法確定要在導航菜單上顯示的選項卡：

<li class="menu-item <?php chk_active('myprojects.php');?>"><a href="myprojects.php">Projects</a></li>
<li class="menu-item <?php chk_active('invoicehistory.php');?>"><a href="invoicehistory.php">Invoice History</a></li>

chk_active（）函數如下所示：

function chk_active($chkPage){
    if (currPage()==$chkPage) {
        echo 'active';
    }else if (currPage()=='project.php' && $chkPage=='myprojects.php'){
        echo 'active';
    }
}

Answer 3

默認情況下，保持div隱藏， .hTitle{ display:none }並使用jQuery顯示div並僅在home上執行

$(document).ready(function(){
    if($('a.current').attr('href') == 'index.php') {
        $('.hTitle').show();
    }
});

在索引之外的每個頁面上隱藏div

問題描述

3 個解決方案

解決方案1
2 2013-09-18 19:41:16

解決方案2
1 2013-09-18 19:43:32

解決方案3
1 已采納 2013-09-18 19:43:50

在索引之外的每個頁面上隱藏div

問題描述

3 個解決方案

解決方案1 2 2013-09-18 19:41:16

解決方案2 1 2013-09-18 19:43:32

解決方案3 1 已采納 2013-09-18 19:43:50

解決方案1
2 2013-09-18 19:41:16

解決方案2
1 2013-09-18 19:43:32

解決方案3
1 已采納 2013-09-18 19:43:50