我正在我的一个页面上使用ScrollSpy开发ASP MVC应用程序。当我从localhost运行我的网站时,我遇到了一个奇怪的问题,但是当我将应用程序发布到服务器时,ScrollSpy并没有将active
类添加到<li>
个项目。
这是我页面上初始化ScrollSpy的脚本。
@section scripts
{
<script>
$(document).ready(function () {
$('body').attr("data-target", "#side-nav");
$('body').attr("data-spy", "scroll");
});
</script>
}
这是我的ScrollSpy导航的定义方式。
<div id="side-nav" class="pull-left">
<ul class="affix nav nav-list nav-pills nav-stacked">
<li><a href="#first-section">First Section</a></li>
<li><a href="#second-section">Second Section</a></li>
<li><a href="#third-section">Third Section</a></li>
</ul>
</div>
每个部分都有一个像这样定义的锚标记
<a class="anchor" id="first-section"></a>
我验证了jquery.js和bootstrap.js在服务器上被正确引用,方法是转到View Page Source并单击链接查看.js文件。我尝试使用在localhost上使用的相同.js文件替换.min版本的文件,但这不起作用。
我提前道歉,因为这是一个难以重现的问题。请告诉我是否应该发布任何其他数据,以便更容易进行故障排除。