我有以下jsfiddle
我无法得到:
- navspy 正常工作
- 单击菜单项也应将其标记为活动
- 列表中的最后一个元素在没有明显原因的情况下被选中。
我坚持这一点。有人愿意告诉我我做错了什么吗?
您需要将 'scrollspy' 添加到 body 标记中才能激活菜单项。
<body data-spy="scroll" data-target=".navspy">
接受@Skelly 的繁重工作,这里有一个变体:http: //jsfiddle.net/panchroma/TcyBY/
我已将 scrollspy 调用从 body 标记移到单独的 js
$('body').scrollspy({ target: '.sidebar-nav' });
Bootstrap 网站上有关 scrollspy 的文档可能更清楚。这是一个可能有助于解释一些问题的链接:http: //mtjhax.wordpress.com/2013/02/11/twitter-bootstraps-scrollspy-plugin-needs-better-docs/
希望这可以帮助!