1

我遇到了一个小问题，我几乎找到了答案。我有我的页眉/页脚，我把它做成了一个包含文件，因为客户让我每天都在这些文件中添加和删除东西。现在我可以在一个文件中进行所有更改，天哪，这是一个多么棒的功能！相信我的兴奋并没有持续多久，现在我必须找到一个解决方案来为每个页面的导航添加currentoractive状态，现在我陷入了两难境地。我想保留包含文件，这样我就不必浪费客户时间进行大量更改，但我需要让它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因此其中任何一个都是解决此问题的选项。

4

3 回答 3

2

在索引文件中，给你的身体一个 ID 或类。

<body class="index">

那么你的 CSS 可以读到类似

.hTitle {
    display:none;
}

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

这将仅在索引上显示标题。（是的级联！）

于 2013-09-18T19:41:16.257 回答
1

在 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';
    }
}
于 2013-09-18T19:43:32.653 回答
1

默认情况下，保持该 div 隐藏，.hTitle{ display:none }并用于jQuery显示 div 并仅在home页面上执行

$(document).ready(function(){
    if($('a.current').attr('href') == 'index.php') {
        $('.hTitle').show();
    }
});
于 2013-09-18T19:43:50.550 回答