javascript - Twitter Bootstrap - Scrollspy 忽略 ID

Question

我的网站上有一个导航，其中最后一个链接打开了一个模式。Scrollspy 工作正常，但我不希望它突出显示在任何情况下打开模式的最后一个元素。

有什么办法吗？

    <nav>
        <ul class="nav">
            <li class="current">
                <a href="#home">Home</a>        
            </li>
            <li>
                <a href="#leistungen">Leistungen</a>        
            </li>
            <li>
                <a href="#">Preise</a>
            </li>
            <li>
                <a href="#">Referenzen</a>
            </li>
            <li>
                <a href="#contact" data-toggle="modal">Kontakt</a>      
            </li>
        </ul>
    </nav>

Answer 1

我找到了一个不添加额外标记的解决方案，但这并不是那么漂亮。

仅当<a>包含href属性时（至少在 Bootstrap 3.x 中），滚动间谍才会突出显示菜单项。因此，如果没有href，菜单项将永远不会突出显示。

我找到了 Bootstrap 的 scrollspy JS 的扩展，用于在此处排除一些项目 ID ，但这是针对 2.x 版本的。

您的问题的解决方案可能是：

<nav>
    <ul class="nav">
        <li class="current">
            <a href="#home">Home</a>        
        </li>
        <li>
            <a href="#leistungen">Leistungen</a>        
        </li>
        <li>
            <a href="#">Preise</a>
        </li>
        <li>
            <a href="#">Referenzen</a>
        </li>
        <li>
            <a data-toggle="modal" data-target="#contact">Kontakt</a> <!-- See http://getbootstrap.com/javascript/#modals-usage -->
        </li>
    </ul>
</nav>