Question

我目前正在使用Bootstrap 3，使用Ruby on Rails，我遇到了下拉按钮的一些问题。该按钮确实下拉并显示列表项，但点击一个后我就被带到页面顶部，没有选择列表项。

以下是下拉按钮的代码 - html.erb文件

   <div class="col-md-5 col-md-offset-2 col-xs-12"> 
          <div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
    How many?

  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">1</a></li>
    <li><a href="#">2-9</a></li>
    <li><a href="#">10+</a></li>
  </ul>
</div>
</div>
        </div>

我对JS的了解并不存在，所以我一直在关注其他人的问题，但我仍然无法解决这个问题。

该脚本也在html.erb文件中

<script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
<script>
     $(document).ready(function(){
        $('.dropdown-toggle').dropdown()
    });
</script>

运行应用程序时，Javascript控制台会抛出找不到bootstrap.js的404。我目前在Vendor / assets / javascripts / bootstrap.js

下有引导程序

bootstrap JS文件应该在app / assets / javascripts下吗？

希望有人能够解释我做错了什么。

Answer 1

似乎是＆＃34; a＆＃34;中的href属性问题。元件。删除文字＃34;＃＆＃34;然后再试一次。

无论您想从本地存储加载什么，所有加载的文件路径都应该是基于本地存储的路径。也就是说，apps / asset / javascript路径是正确的。

Bootstrap下拉按钮

1 个答案: