将类附加到当前页面菜单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来完成此操作