Active Link'i yönetin veya vurgulayın ya da Codeigniter içinde sayfayı vurgulayın

Question

Bu sorunun çokça geldiğini biliyorum, ancak daha önce yanıtlanmış olan mesajları kullanarak bunu nasıl yapacağımı anlayamıyorum. bu> localhost/nowaste/nowaste_control/index #

<script type="text/javascript"> 
jQuery(function($){ 
    $('a[href="'+window.location.pathname+window.location.hash+'"]').parent().addClass('active'); 
}); 
</script> 

Benim yolum bu- yaklaşık

burada tüm sayfaların oluyor benim jquery benim bakış sayfası

<<li class="active"> <a class="page-scroll" href="<?php echo base_url();?>nowaste_control/index#about">Home</a> </li> 
    <li ><a class="page-scroll" href="<?php echo site_url('nowaste_control/index#product'); ?>">Products</a> </li> 
    <li > <a class="page-scroll" href="<?php echo base_url();?>nowaste_control/index#technology">Technology</a> </li> 

olduğunu etkin ...

Answer 1

Aslında URL'leri çok sayıda segmentle var, ancak sadece birincisini karşılaştır. segment() diziyi sadece ilk dizi parçasından dışarı atıyor. Bu, sadece nowaste_control'u aldığınızı ve asla index'u aldığınız anlamına gelir.

Asıl istediğiniz şey, tüm değiştirilmemiş dizeyi verecek olan $this->uri->uri_string().

Bu, bağlantılarınızın hash fragment (#) numaralı bağlantı noktasını kullandığı için başka bir soruna neden olur; ancak, kod yazıcısı bunu bir URL isteğinde asla gözlemlemeyecektir, çünkü Apache bunu istekte görmez, yalnızca istemci tarafı içindir.

Gerçekten ihtiyacınız olan şey bir JavaScript çözümüdür. İşte sadece çalışan bir jQuery ile.

jQuery(function($){ 
    $('a[href="'+window.location.pathname+window.location.hash+'"]').parent().addClass('active'); 
}); 

Answer 2

Eğer JQuery kullanıyorsanız belki istemci tarafında bu işleme göre böyle bir şey yapabilirsiniz:

<script type="text/javascript"> 
    $(function() { 
     alert("Current Pathname:" + window.location.pathname); 
     if(window.location.pathname=="some path"){ 
     $("#someLi").addClass("active"); 
     }else if(window.location.pathname=="some other path"){ 
     //.. 
     } 
    }); 

</script>