如何在codeigniter中設置用於導航的活動類？

Question

我有一個由不同頁面組成的導航，我想設置當前頁面處於活動狀態。我的代碼遵循

<div class="container tablistitem"> 
    <ul> 
    <li class="active"><a href="<?= site_url('user/dashboard'); ?>">Timeline</a></li> 
    <li><a href="<?= site_url('user/pages/about'); ?>">About</a></li> 
    <li><a href="<?= site_url('user/pages/friends'); ?>">Friends</a></li> 
    <li><a href="<?= site_url('user/pages/photos'); ?>">Photos</a></li> 
    </ul> 
    </div> 

我使用下面的代碼來獲得結果，但不工作：

<div class="container tablistitem"> 
    <ul> 
    <li class="<?php if($currentpage="") { echo "active"; } ?>"><a href="<?= site_url('user/dashboard'); ?>">Timeline</a></li> 
    <li class="<?php if($currentpage="about") { echo "active"; } ?>"><a href="<?= site_url('user/pages/about'); ?>">About</a></li> 
    <li class="<?php if($currentpage="friends") { echo "active"; } ?>"><a href="<?= site_url('user/pages/friends'); ?>">Friends</a></li> 
    <li class="<?php if($currentpage="photos") { echo "active"; } ?>"><a href="<?= site_url('user/pages/photos'); ?>">Photos</a></li> 
    </ul> 
    </div> 

Answer 1

你可以試試這個解決方案爲您的問題

<?php 
$controller = $this->router->fetch_class(); // You can Match controller name 
$method = $this->router->fetch_method(); // You can Match mathod name 
?> 



<div class="container tablistitem"> 
    <ul> 
     <li class="<?php 
     if ($controller = "dashboard" && $method = "index") { 
      echo "active"; 
     } 
     ?>"><a href="<?= site_url('user/dashboard'); ?>">Timeline</a></li> 

     <li class="<?php 
     if ($controller = "pages" && $method = "about") { 
      echo "active"; 
     } 
     ?>"><a href="<?= site_url('user/pages/about'); ?>">About</a></li> 

     <li class="<?php 
      if ($controller = "pages" && $method = "friends") { 
       echo "active"; 
      } 
      ?>"><a href="<?= site_url('user/pages/friends'); ?>">Friends</a></li> 

     <li class="<?php 
      if ($controller = "pages" && $method = "photos") { 
       echo "active"; 
      } 
      ?>"><a href="<?= site_url('user/pages/photos'); ?>">Photos</a></li> 
    </ul> 
</div>