js无法识别单击导航栏折叠按钮

Question

我有问题，在小屏幕上的twitter bootstrap 3中使用导航栏切换（当出现折叠按钮时）， 一切看起来很好我认为，当我在jsfiddle上执行我的代码时，折叠按钮工作，但在我的asp网mvc项目菜单下拉列表没有出现，当我点击按钮， 继承人代码：

<nav class="navbar navbar-default scrollMenu" role="navigation">
    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
        <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=""></a>
     </div>
     <div class="collapse navbar-collapse navbar-ex1-collapse" id="scrollTarget">
         <ul class="nav navbar-nav pull-right">
             <li class="active"><a href="/#"><i class="fa fa-home"></i></a>1</li>
             <li class=""><a href="/#"><i class="glyphicon glyphicon-star">2</i></a> </li>
             <li class=""><a href="/#"><i class="glyphicon glyphicon-stats">3</i></a> </li>
             <li class=""><a href="/#"><i class="glyphicon glyphicon-ok"></i>4</a> </li>
             <li class=""><a href="/#"><i class="fa fa-bullhorn fa-1"></i></a>5</li>
             <li class=""><a href="/#"><i class="glyphicon glyphicon-globe"></i>6</a> </li>
         </ul>
     </div>
</nav>