ScrollSpy在localhost上工作,而不是在服务器上

时间:2017-07-12 20:14:49

标签: asp.net-mvc twitter-bootstrap scrollspy

我正在我的一个页面上使用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版本的文件,但这不起作用。

我提前道歉,因为这是一个难以重现的问题。请告诉我是否应该发布任何其他数据,以便更容易进行故障排除。

0 个答案:

没有答案