Ruby on rails 添加TurboLink后引导选项卡不工作

这是我的展示页面-

%ul.nav.nav-tabs
  %li.active.text-center{style: "width: 50%"}
    %a{:href => "#project_details"} Details
  %li.text-center{style: "width: 50%"}
    %a{:href => "#project_analysis"} Project Analysis

这是我的application.js-

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
.. other scripts
//= require bootstrap-sprockets
//= require bootstrap-select
.. other scripts
//= require turbolinks
//= require turbolinks-compatibility

应用程序的标题内容-

%html
  %head
    %meta{content: "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
    %meta{content: "width=device-width, initial-scale=1, maximum-scale=1", name: "viewport"}/
    %title REOM
    = Gon::Base.render_data
    %link{href: "http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400", rel: "stylesheet", type: "text/css"}/
    %link{:href => "https://fonts.googleapis.com/css?family=Lato:400,400i,700", :rel => "stylesheet"}/

    = stylesheet_link_tag  'application', media: 'all'
    = javascript_include_tag 'application'
    - if javascript_exists?(controller_name)
      = javascript_include_tag controller_name
    = stylesheet_link_tag "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
    = csrf_meta_tags

---

在添加TurboLink之前，选项卡工作正常，但现在当我单击另一个选项卡时，页面会重新加载并显示第一个选项卡的内容。

尝试将该选项添加到您的

标记中

data: { turbolinks: false }
# data-turbolinks: false

---

首先，您需要按照以下确切顺序进行操作：

//= require jquery
//= require tether
//= require jquery_ujs
//= require jquery.turbolinks
//= require bootstrap-sprockets
//= require turbolinks
//= require turbolinks-compatibility
# other scripts

---

它没有做任何更改。js控制台中有什么吗？没有，控制台中没有