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

Я нашел решение без добавления дополнительной разметки, но это не так красиво.

Scrollspy выделяет пункт меню только тогда, когда <a> содержит атрибут href (по крайней мере, в Bootstrap 3.x). Поэтому, если нет href, элемент меню никогда не будет подсвечен.

Я нашел расширение для scrollspy JS Bootstrap, чтобы исключить некоторые элементы 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>