Question

我在这里遇到了问题。我尝试使用RubyonRails在我的项目中使用Bootstrap的工具提示，但没有运气。

我尝试使用此解决方案：Bootstrap Tooltip in Ruby on Rails但现在仍在使用。

<%= f.input :company_name, class: "dashbaord-tooltip", :data => 
{:toggle=>"tooltip"}, 'data-original-title' => "Your company name", 'data-
placement' => 'right' %>

我是以正确的方式做到的吗？提前谢谢你。

Answer 1

确保为咖啡脚本中的类调用popover方法，如下所示

jQuery ->
  $(".dashboard-tooltip").popover()

以下是格式（我更正了仪表板的拼写）

<%= f.input :company_name, :class => 'dashboard-tooltip', data: { content: 'this is the message', placement: 'bottom', trigger: 'hover' } %>

Answer 2

您可以通过在JavaScript文件中添加$('[data-toggle="tooltip"]').tooltip();并将其添加到表单中来启用工具提示：

<%= f.input :company_name, class: "dashbaord-tooltip", 'data-toggle'=>"tooltip" ,'title'=>'tooltip-text-here','data-placement' => 'right' %>

RubyonRails上的Bootstraps工具提示

2 个答案: