一旦发布站点,Bootstrap3导航栏就不起作用了

时间:2014-04-09 15:51:37

标签: jquery html asp.net css

我开发了一个网站,当我在visual studio 2012中调试它时,一切正常。发布后,我的导航下降不起作用。看起来它只是在当前网址的末尾加上一个#。我使用主页/内容页面设置,从我可以看出它看起来像一个jquery问题。不知道如何解决问题。任何帮助将不胜感激。

这些在主页面标题中:

<link href="../Content/bootstrap.css" rel="stylesheet" />
<link href="../Content/external-theme.css" rel="stylesheet" />

Mast Page body:

<body>
<form id="form1" runat="server">
    <div>
        <div class="container">
            <nav class="navbar navbar-default" id="navbar" role="navigation">

                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="Home.aspx">
                        <img src="Images/XXXX.png" class="img-responsive" alt="logo" />
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="Home.aspx">Home</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products & Services <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="Consulting.aspx">Consulting</a></li>
                                <li><a href="SpaceFiller.aspx">Space Filler</a></li>
                                <li><a href="Documentation.aspx">Product Documentation</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Careers <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="Company.aspx">Company</a></li>
                                <li><a href="Openings.aspx">Openings</a></li>
                            </ul>
                        </li>
                        <%--<li><a href="Customer.aspx">Customer Portal</a></li>--%>
                        <li><a href="Contact.aspx">Contact Us</a></li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
                <!-- /.container-fluid -->
            </nav>
        </div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </div>
</form>
<script src="/Scripts/jquery-2.1.0.js"></script>
<script src="/Scripts/bootstrap.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#sidebar').affix({
            offset: {
                top: 290
            }
        });

        var $body = $(document.body);
        var navHeight = $('.navbar').outerHeight(true) + 10;

        $body.scrollspy({
            target: '#leftCol',
            offset: navHeight
        });
    });
</script>

1 个答案:

答案 0 :(得分:0)

所有需要做的就是在母版页底部的两个jquery脚本引用上的“Scripts / ...”开头删除前面的正斜杠。问题解决了。

<script src="Scripts/jquery-2.1.0.js"></script>
<script src="Scripts/bootstrap.min.js"></script>