進行動態導航

我只想問一下，如果基於我在我的網站上訪問的頁面轉移類屬性「active」，我會做些什麼。進行動態導航

例如[引導片段]：

<ul class="nav nav-pills"> 
    <li class="active"><a href="#">Home</a></li> 
    <li><a href="#">Profile</a></li> 
    <li><a href="#">Messages</a></li> 
</ul>

所以，如果我訪問配置文件，類轉入檔案的<li>標籤。

來源

2013-08-01 Bajongskie

試試這個

<ul class="nav nav-pills"> 
    <li <?php if($_SERVER['REQUEST_URI']=='/index.php'){ ?> class="active" <?php } ?>><a href="#">Home</a></li> 
    <li <?php if($_SERVER['REQUEST_URI']=='/profile.php'){ ?> class="active" <?php } ?>><a href="#">Profile</a></li> 
    <li <?php if($_SERVER['REQUEST_URI']=='/message.php'){ ?> class="active" <?php } ?>><a href="#">Messages</a></li> 
</ul>

//我們正在演示PHP文件一樣的index.php，profile.php，message.php。您可以使用自己的

希望這將有助於

來源

2013-08-01 11:54:30

如果你不介意在您的網站使用Javascript，引導有一些內置的功能來爲你做這個。只要確保你有可解析的id的目標（例如<div id="home">）。

我遇到的這個設計中遇到的最大問題是所有的「頁面」都在加載時呈現。如果我根據用戶輸入構建任何更改，我發現自己不得不使用大量的AJAX。

從引導網站：

標記您可以激活選項卡或藥丸導航，而不簡單的通過指定的數據切換=「標籤」或數據切換寫任何JavaScript =「丸」上一個元素。將nav和nav-tabs類添加到選項卡ul將應用Bootstrap選項卡樣式。

<ul class="nav nav-tabs"> 
    <li><a href="#home" data-toggle="tab">Home</a></li> 
    <li><a href="#profile" data-toggle="tab">Profile</a></li> 
    <li><a href="#messages" data-toggle="tab">Messages</a></li> 
    <li><a href="#settings" data-toggle="tab">Settings</a></li> 
</ul>

來源

2013-08-02 17:50:32 rxAaron

進行動態導航

回答

相關問題