Javascript 引导下拉菜单不支持'；你不会倒下吗？_Javascript_Jquery_Html_Ruby On Rails_Twitter Bootstrap

Javascript 引导下拉菜单不支持'；你不会倒下吗？

javascript jquery html ruby-on-rails twitter-bootstrap

Javascript 引导下拉菜单不支持'；你不会倒下吗？,javascript,jquery,html,ruby-on-rails,twitter-bootstrap,Javascript,Jquery,Html,Ruby On Rails,Twitter Bootstrap,我有以下渲染下拉列表（来自我的rails应用程序）：切换导航如下所示：它看起来不错，但下拉菜单不起作用。前一段时间我让它工作，但我不明白为什么它不工作（下拉列表只是指向“#”的链接，即它不会下拉）日志文件没有任何内容。我不确定在哪里查找故障排除。我该如何解决这个问题编辑：从头部标签添加js 这些措施包括： <head> <link href="http://fonts.googleapis.com/css?family=Ruda:40

我有以下渲染下拉列表（来自我的rails应用程序）：


切换导航

如下所示：

它看起来不错，但下拉菜单不起作用。前一段时间我让它工作，但我不明白为什么它不工作（下拉列表只是指向“#”的链接，即它不会下拉）

日志文件没有任何内容。我不确定在哪里查找故障排除。我该如何解决这个问题

编辑：从头部标签添加js 这些措施包括：

<head>
  <link href="http://fonts.googleapis.com/css?family=Ruda:400,900,700" media="screen" rel="stylesheet">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>title</title>
  <meta content="title" name="description">
  <link data-turbolinks-track="true" href="/assets/framework_and_overrides.css?body=1" media="all" rel="stylesheet">
  <link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet">
  <script data-turbolinks-track="true" src="/assets/jquery.js?body=1"></script>
  <style type="text/css"></style>
  <script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/turbolinks.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/affix.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/alert.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/button.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/carousel.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/collapse.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/dropdown.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/tab.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/transition.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/scrollspy.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/modal.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/tooltip.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap/popover.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/bootstrap-sprockets.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/jetmenu.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/visitors.js?body=1"></script>
  <script data-turbolinks-track="true" src="/assets/application.js?body=1"></script>
  <meta content="authenticity_token" name="csrf-param">
  <meta content="***" name="csrf-token">
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
</head>


标题

您必须通过JavaScript调用下拉列表：

 <script>
        $('.dropdown-toggle').dropdown();
    </script>


$（'.dropdown toggle'）.dropdown（）；

在脚本中添加此代码

如果在dropdown.js或bootstrap.js之前包含了另一个JavaScript文件，那么该文件中可能存在错误，导致无法执行更多脚本？脚本之间也可能存在冲突。它应该包含在我的应用程序布局中，但我会检查。它不会做任何我的页面引导虽然？或者在控制台中抛出一个错误？页面仍将显示，但它不会执行引导所需的任何JavaScript。如果其他交互元素正在工作，那么您可能已经包含了脚本。是否包含jQuery？这是所有引导插件所必需的。这似乎是一个css问题。我倾向于同意@Daniel的观点，这可能是一个javascript问题。您能否按顺序提供页面正在使用的javascript文件的列表？例如，引导脚本必须在jquery脚本之后加载才能正常工作。

 <script>
        $('.dropdown-toggle').dropdown();
    </script>