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中），scrollspy才会突出显示菜单项。因此，如果没有href，菜单项将永远不会突出显示。

我找到了Bootstrap的scrollspy JS的扩展，以排除一些ID here，但这是针对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>

Twitter Bootstrap - Scrollspy忽略ID

1 个答案: