如何使點擊動態邊欄活動

我正在創建動態菜單。我想在選中菜單後突出顯示菜單。我們使用php。只需要弄清楚如何將活動類追加到當前頁面。誰能幫我這個？如何使點擊動態邊欄活動

<div id="sidebar-wrapper" class="sidebar-toggle"> 
    <ul class="sidebar-nav"> 
     <?php 

     $i=1; 
    if(count($shipments) > 0) 
     { 
     foreach($shipments as $row) 
     { 
     $shipment_id = $row['id']; 
     $containerdest = $row['no']."-".$row['destination']; 

      ?> 
     <li id="shipment<?php echo $shipment_id; ?>"><a href="<?php echo site_url("users/get_details/$shipment_id");?>" id="display<?php echo $shipment_id; ?>"><?php echo $containerdest; ?></a> 
     </li> 
     <?php $i++; 
     } 
     } ?> 


     <li> 
      <a href="<?php echo base_url();?>index.php/users/logout">Logout</a> 
     </li> 
    </ul> 
    </div> 
    </div>

來源

2017-02-20 Anu Abraham

HTML行，除非PHP重新加載頁面，它將不得不通過JavaScript或css（如果需要，您可以使用php代碼創建） – Kaddath

更改你的下面一行

<li id="shipment<?php echo $shipment_id; ?>" class="menu"><a href="<?php echo ite_url("users/get_details/$shipment_id");?>" shipmentid="<?php echo $shipment_id; ?>" ><?php echo $containerdest; ?></a>

正如下面寫javascript代碼（假設你已經包括jQuery庫文件）

<script> 
$(document).ready(function(){ 
     var url = location.pathname; 
     var arr = mystr.split("/"); 
     var id = arr[2]; 
     $(#shipment'+id).attr('shipmentid'); 
     $('.menu').removeClass('active'); //this will remove all active class after page loading 
     $('#shipment'+id).addClass('active'); // this will append active class to the current clicked menu 
     }); 
</script>

來源

2017-02-20 13:24:29

它不起作用Mukesh Rawat –

如何使點擊動態邊欄活動

回答

相關問題