jquery - 将类附加到当前页面菜单 li（jQuery 魔术线插件）

Question

我正在使用jQuery Magic Line 插件，并希望使该行出现在菜单的当前页面下。菜单如下所示：

    <ul class="group" id="example-one">
        <li class="current_page_item"><a href="index.php" >Home</a></li>
        <li><a href="about.php" >About</a></li>
        <li><a href="services.php" >Services</a></li>
        <li><a href="clients.php" >Clients</a></li>
        <li><a href="quoterequest.php" >Request a Quote</a></li>
        <li><a href="contact.php" >Contact</a></li>
    </ul>

我一直在尝试修改此线程的最佳答案，但还没有走远。

Answer 1

您可以使用window.location.pathname. 如果页面位于根目录，请尝试以下操作：

var loc = window.location.pathname.split('/')[1];
$('.group a[href='+ loc +']').parent().addClass('current_page_item')

但是，您可以使用 PHP 来执行此操作。