[英]CSS, PHP, HTML Active Dropdown Link Issue
所以我遇到了一些我似乎無法弄清的PHP字符串問題。 目標是使“父”鏈接保持活動狀態,同時允許下拉函數建立。
<li class="<?php echo($activePage == "releases" ? "active" : "")?>" class="dropdown">
<a href="releases.php" class="dropdown-toggle">Press <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu">
<li class="<?php echo($activePage == "releases" ? "active" : "") ?>"><a href="releases.php">Releases</a></li>
<li class="<?php echo($activePage == "clips" ? "active" : "") ?>"><a href="clips.php">Press Clips</a></li>
<li class="<?php echo($activePage == "assets" ? "active" : "") ?>"><a href="assets.php">Press Assets</a></li>
</ul>
</li>
因此,這里的目標是使PRESS鏈接在三個發行版 , 剪輯或資產中的任何一個都顯示為活動狀態時
您會在第一個列表中注意到,目前我有兩個班級。 當infront的PHP回顯類確實將PRESS鏈接顯示為活動狀態時,但是不允許任何下拉,從而使其他三個鏈接不可見,當我將另一個類放在前面時,該下拉列表起作用,但隨后按PRESS鏈接未顯示活動狀態。
誰能為我解決這個問題? 非常感謝!
這是我在網站上使用的設置,當我沿着樹走時,它使活動的父元素保持突出顯示:
#navigation ul.nav > li:hover ul a:hover,
#navigation ul.nav > li:hover, #navigation ul.nav > li:hover ul li:hover {
background: #3e4b51 none repeat scroll 0 0 !important;
text-decoration: none;
}
菜單設置是這樣的:
<nav id="navigation" class="col-full" role="navigation">
<ul class="nav">
<li>
<a href="https://example.com/">HOME</a>
</li>
<li>
<a href="https://example.com/level-1/">Level 1</a>
<ul class="sub-menu">
<li>
<a href="https://example.com/level-2/">Level 2</a>
<ul>
<li>
<a href="https://example.com/level-3">Level 3</a>
<ul>
<li>
<a href="https://example.com/level-4-1">Level 4 Item 1</a>
</li>
<li>
<a href="https://example.com/level-4-2">Level 4 Item 2</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.