-2

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

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

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

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

我不知道，在这一点上，任何见解都会受到欢迎。

4

1 回答 1

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>
于 2013-08-12T05:14:08.753 回答