将类附加到当前页面菜单li（jQuery magic line plugin）

Question

我正在使用jQuery Magic Line plugin，并希望该行显示在菜单中的当前页面下方。菜单如下所示：

    <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>

我一直试图修改this thread的最佳答案，但还没有走得太远。

Answer 1

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

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

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