Bootstrap汉堡包按钮不起作用

Question

我一直试图修理我的菜单一段时间没有运气：

我的菜单：

<nav class="navigation" role="navigation" ng-controller="HeaderCtrl">
            <ul class="primary-nav">
                <li>
                    <a ui-sref="root.anchor({scrollTo: 'service'})">Services</a>
                </li>
                <li>
                    <a ui-sref="root.anchor({scrollTo: 'downloads-info'})">Downloads</a>
                </li>
                <li>
                    <a ui-sref="root.anchor({scrollTo: 'partners'})">Partners</a>
                </li>
                <li>
                    <a ui-sref="root.anchor({scrollTo: 'contact'})">Contact</a>
                </li>
            </ul>
        </nav>
        <a href="#" class="nav-toggle">Menu<span></span></a>

我正在加载bootstrap＆amp; jquery的：

<script src="Scripts/ui-bootstrap-tpls.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script> window.jQuery || document.write('<script src="Scripts/jquery.min.js"><\/script>')</script>

然而，我看到两件非常奇怪的事情：在我的本地主机上，当我缩小浏览器的尺寸时，菜单闪烁在我身上并消失，没有引发控制台错误，但在我的开发服务器上，我得到了汉堡按钮，但点击时它什么都不做。由于我没有看到任何错误，我不太确定在哪里寻找问题。我正在运行ui-router，不知道它喜欢多少href =＆＃34;＃＆＃34;，html5mode设置为false。还有来自类后面的模板的一堆css以及用于打开菜单的javascript函数，它们似乎也没有触发。任何帮助将不胜感激！