Twitter Bootstrap Navbar导致书签不起作用

时间:2013-08-12 02:25:56

标签: wordpress twitter-bootstrap navbar

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

我完全无能为力,而且我一直在尝试阳光下的一切来解决这个问题。 我已经使用bootstrap文档来模拟导航栏应该如何使用,我仍然遇到这种冲突。然而,第二个我取出导航栏,书签再次开始工作。

我知道导航栏确实可以使用scrollspy,因为它们可以在文档页面上运行。在这一点上,我放弃了scrollspy,但至少会喜欢我的书签。页面右侧的菜单应该书签到页面中的不同div。

以下是相关网页的链接:http://tinyurl.com/q7ocdz4

我不知道,此时任何见解​​都会受到欢迎。

1 个答案:

答案 0 :(得分: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>