Navbar Collapse按钮不会展开

时间:2016-08-26 19:41:30

标签: html css twitter-bootstrap

所以我刚开始在我的投资组合页面上工作,(第二个项目很温柔),一切顺利,直到我尝试使用折叠按钮显示指向我网页其他部分的链接。

以下是相关代码:

        viewHolder.plus.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {


            TextView tx=(TextView) txt.findViewById(R.id.moneytext);
              //find the textview outside listview (now In the same java code and xml)

            totalmoney= (Integer.parseInt(tx.getText().toString()))+(Integer.parseInt(price[position])); 
             //get the textview integer and add to my present number

            tx.setText(""+totalmoney);
             //post on the textview

        }
    });

然后这是我正在使用的自定义css:

<body>
<div class="row">
<div class="col-md-12">
  <div class="container">
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <a href="#" class="navbar-brand Logo" id="Logo">
      StruckCroissant
    </a>
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navHeaderCollapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
      <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right" id="Nav-List">
          <li><a href="#">About Me</a></li>
          <li><a href="#">Projects</a></li>
          <li><a href="#">Contact Me</a></li>
        </ul>
      </div>
    </nav>
  </div>
</div>

主要是我的问题是让按钮展开并实际显示列表中的项目,但目前所有它只是通过变得更加明亮来响应点击。

任何帮助表示赞赏!提前谢谢!

1 个答案:

答案 0 :(得分:0)

我有类似的问题。多次查看html并确定它是正确的。然后我开始玩jquery和bootstrap javascript的顺序。

最初我在jquery.min.js之前加载了bootstrap.min.js。在此状态下,单击菜单图标时菜单不会扩展。

然后我更改了顺序,以便在jquery.min.js之后找到bootstrap.min.js,这解决了问题。我不太了解javascript来解释为什么这会导致问题(或修复它),但这对我有用。

其他信息:

这两个脚本都位于页面底部,就在标记之前。这两个脚本都托管在CDN上,而不是本地托管。

如果您非常确定您的代码是否正确,请尝试一下。

如果这不能解决您的问题,请按以下步骤操作:

1 - 在此发布您的Plunker或小提琴
2 - 尝试将此代码段用于导航栏折叠样本,而不是使用您自己的样式

 <div class="collapse navbar-collapse">
              <ul class="nav navbar-nav navbar-right">
                <button id="loginbutton" type="button" class="btn btn-primary narbar-btn"><i class="glyphicon glyphicon-log-in"></i>Login</button>
                <button type="button" class="btn btn-success navbar-btn"><i class="glyphicon glyphicon-link"></i><a href="./register.jsp">Create account</a></button>
              </ul>
 </div>