Ruby on Rails中的Bootstrap工具提示

Min*_*ohn 6 ruby-on-rails tooltip twitter-bootstrap twitter-bootstrap-rails ruby-on-rails-4

我现在试图完成这个已经有一段时间了,我无法弄清楚什么是错的:

我的链接:

<%= link_to '#', tag, class: "tag-tooltip",
                    :data => {:toggle=>"tooltip"},
                    'data-original-title' => "Hey Whats up",
                    'data-placement' => 'right'%>
Run Code Online (Sandbox Code Playgroud)

我的Javascript:

$('.tag-tooltip').tooltip();
Run Code Online (Sandbox Code Playgroud)

但它不起作用......我缺少什么?

编辑

如果我进入我的Chrome控制台并插入($('.tag-tooltip').tooltip();)它正在运行.

所以我猜js文件没有加载?(我检查了我的application.js,我要求一切.)

Min*_*ohn 7

我发现包装有效:

$(document).on("ready page:change", function() {
  $('.tag-tooltip').tooltip();
});
Run Code Online (Sandbox Code Playgroud)

更新:

$(document).on("turbolinks:load",function(){
  $('.tag-tooltip').tooltip();
})
Run Code Online (Sandbox Code Playgroud)

随着香草JS

document.addEventListener("turbolinks:load", function() {
  $('.tag-tooltip').tooltip();
});
Run Code Online (Sandbox Code Playgroud)