Bootstrap Вкладка не работает после добавления Turbolinks

Question

Вот мое шоу страницы -

%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 

Head содержания App -

%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 

Перед добавив Turbolinks, вкладки отлично работали, но теперь, когда я нажимаю на другую вкладку, страница перезагружается и показывает содержимое файлов t tab.

Answer 1

попробуйте добавить опцию к вашему <a> теге

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

Answer 2

Во-первых, вам нужно идти именно в таком порядке:

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