php doesnt read jquery indexOf?

本文关键字：indexOf jquery read doesnt php | 更新日期: 2023-09-27

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);
});')

课程活动未显示？我犯了什么错误吗？我使用 Yii2 框架顺便说一句，我在 main 中使用了这段代码.php所以导航栏将循环到其他页面

你把字符串颠倒了。您应该检查以下内容：

 $(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);
   }
 });