Twitter Bootstrap 导航栏导致书签不起作用答案

【问题标题】：Twitter Bootstrap Navbar Causing Bookmarks Not To WorkTwitter Bootstrap 导航栏导致书签不起作用
【发布时间】：2013-08-12 02:25:55
【问题描述】：

我在使用 Bootstrap 时遇到了一个非常奇怪的现象。每当我启用仅用于平板电脑及以下设备的导航栏时，书签就会停止工作。这可能与我之前遇到的another problem 有关，当导航栏包含在页面中时，我无法让 scrollspy 工作。

我完全一无所知，我一直在尝试一切来解决这个问题。我已经使用引导文档来模拟应该如何使用导航栏，但我仍然遇到这个冲突。然而，当我拿出导航栏的那一刻，书签又开始工作了。

我知道导航栏确实可以与 scrollspy 一起使用，因为他们可以在他们的文档页面上使用它。在这一点上，我已经放弃了 scrollspy，但至少希望我的书签能够正常工作。页面右侧的菜单应为页面中的不同 div 添加书签。

这是相关页面的链接：http://tinyurl.com/q7ocdz4

我不知道，目前欢迎任何见解。

【问题讨论】：

标签： wordpress twitter-bootstrap navbar

【解决方案1】：

阅读您的症状很明显，问题在于您的元素上的重复 ID，在检查了您的网站标记后，我确认了这一点，您在词缀导航列表项中使用了与您的内容相同的 id 属性，我不认为词缀中的 id 实际上是需要的，所以只需删除它们就可以了。

/*Remove the ids from the affix nav*/
<li id="biblical-studies"></li>
<li id="career-discipleship"></li>
<li id="discipleship-training-schools"></li>
<li id="secondary-schools"></li>
<li id="seminars"></li>
<li id="summer-programs"></li>

【讨论】：

嘿，非常感谢您的回复，我已经删除了重复的 ID 并且仍然得到相同的行为。我意识到我禁用了移动导航栏，所以我重新启用了它以进行测试。我已经检查过，在其他任何地方都找不到任何重复的 ID。
刮一下，还有一个重复的。非常感谢您的帮助。