php does not read jquery indexOf?

Question

HTML

<nav class="main-navi"> 
     <ul> 
      <li> 
       <a href="index.html" > 
        Home 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 
      <li> 
       <a href="portfolio.html"> 
        Portfolio 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 
      <li> 
       <a href="about.html"> 
        About 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 

      <li> 
       <a href="service.html"> 
        services 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 
      <li> 
       <a href="blog.html"> 
        Blog 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 
      <li> 
       <a href="contact.html"> 
        contacts 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 
     </ul> 
     <em id="showHideMenu" class="show-hide-menu fa fa-bars" href="#"></em> 
    </nav> 

сценарий

<script> 
    var loc = window.location.pathname; 
    $('.main-navi ul li a').each(function() { 
     var status = loc.indexOf($(this).attr('href')) > -1; 
     $(this).toggleClass('active', status); 
    }); 
</script> 

так без PHP свою работу совершенной, но после того, как я поставил PHP и HREF изменения, как это он не будет работать потому, что я не знаю

HTML

<nav class="main-navi"> 
     <ul> 
      <li> 
       <a href="?r=site/index" > 
        Home 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 
      <li> 
       <a href="?r=site/fotoportfolio"> 
        Portfolio 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 
      <li> 
       <a href="?r=site/fotoabout"> 
        About 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 

      <li> 
       <a href="?r=site/fotoservice"> 
        services 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 
      <li> 
       <a href="?r=site/fotoblog"> 
        Blog 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 
      <li> 
       <a href="?r=site/fotocontact"> 
        contacts 
        <span class="dot"></span> 
        <span class="corner"></span> 
       </a> 
      </li> 
     </ul> 
     <em id="showHideMenu" class="show-hide-menu fa fa-bars" href="#"></em> 
    </nav> 

для сценария

$this->registerJs(' 
    var loc = window.location.pathname; 
    $(".main-navi ul li a").each(function() { 
    var status = loc.indexOf($(this).attr("href")) > -1; 
    $(this).toggleClass("active", status); 
});') 

класс не активен? есть ли какая-нибудь ошибка? im с использованием схемы Yii2 btw.and я использую этот код в main.php, поэтому navbar будет зацикливаться на другой странице

Answer 1

У вас есть обратные строки. Вы должны проверить следующее:

$(document).ready(function() { 
    var loc = window.location.pathname; 
    $(".main-navi ul li a").each(function() { 
     var href = $(this).attr("href"); 
     var status = href.indexOf(loc) > -1; 
     $(this).toggleClass("active", status); 
    } 
});