时间戳

首页 > 解决方案 > 以斜线开头的链接禁用活动类

html - 以斜线开头的链接禁用活动类

问题描述

在我的 href 链接(href="/link")之前添加斜杠后，我的活动课程停止工作，如果我删除它(href="link")，它可以工作，任何人都可以提出解决方案吗？

我没有斜线的工作脚本：

$(function() {
            $('nav a[href^="' + location.pathname.split("/")[1] + '"]').addClass('active');
        });

我的刀片文件

<nav class="mt-2">
                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
                        data-accordion="false">
                        <!-- Add icons to the links using the .nav-icon class
                        with font-awesome or any other icon font library -->
                        <li class="nav-item">
                            <a href="/home" class="nav-link">
                                <i class="nav-icon fas fa-tachometer-alt"></i>
                                <p>
                                    Dashboard
                                </p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="/investment" class="nav-link">
                                <i class="nav-icon fas fa-rupee-sign"></i>
                                <p>
                                    Investments
                                </p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="/investor" class="nav-link">
                                <i class="nav-icon fas fa-user"></i>
                                <p>
                                    Investors
                                </p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="/product" class="nav-link">
                                <i class="nav-icon fas fa-shopping-cart"></i>
                                <p>
                                    Products
                                </p>
                            </a>
                        </li>
                    </ul>
                </nav>

标签： htmljquery

解决方案

在这里找到了解决方案来源

$(function(){
            $("a").each(function(){
                    if ($(this).attr("href") == window.location.pathname){
                        $(this).addClass("active");
                    }
            });
        });

推荐阅读