ruby-on-rails - Ruby on Rails 中的 Bootstrap 工具提示

Question

我试图完成这件事已经有一段时间了，但我不知道出了什么问题:

我的链接:

<%= link_to '#', tag, class: "tag-tooltip",
                    :data => {:toggle=>"tooltip"},
                    'data-original-title' => "Hey Whats up",
                    'data-placement' => 'right'%>

我的Javascript:

$('.tag-tooltip').tooltip();

但它不工作......我错过了什么？

编辑

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

所以我猜js文件没有加载？ (我检查了我的 application.js，我需要一切。)

Answer 1

我发现了有效的包装:

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

更新:

$(document).on("turbolinks:load",function(){
  $('.tag-tooltip').tooltip();
})

使用 Vanilla JS

document.addEventListener("turbolinks:load", function() {
  $('.tag-tooltip').tooltip();
});