Question

我正在尝试向我的应用添加工具提示，到目前为止我已经达到了这个目标：

.span1
  ID
  =link_to "?", "#", rel: "tooltip", title: "Order Number"
  = order.id

生成此HTML：

 <div class="span1">ID<a href="#" rel="tooltip" title="" data-original-title="Order Number">?</a>...</div>

我想获得身份证？字符串，如果用户在?上看到工具提示。这没有任何反应，如果我点击我重新加载页面。虽然检查了dom，但我发现当我在?上移动时，有一个

<div class="tooltip fade top in" ....

正在生成。不幸的是，当我把鼠标移开时，div消失了，所以我无法扩展div来看看里面是什么。

bootstrap是相当加载的，它在其他东西上正常工作（脚手架，可折叠等......）

我的bootstrap.js.coffee读取：

jQuery ->
  $("a[rel=popover]").popover()
  $(".tooltip").tooltip()
  $("a[rel=tooltip]").tooltip()

任何线索？

谢谢，

更新：

我设法让一些工具提示起作用，但不是全部：

  %a{rel: "tooltip", title: "Expand"}
    %span.icon-plus{data: {toggle: "collapse", target: "\##{order_id}"}}
  = link_to edit_order_path(order), rel: "tooltip", title: "Edit Order" do
    %span.icon-edit
  = link_to order_path(order), rel: "tooltip", title: "Delete", method: :delete, data: { confirm: 'Are you sure?' } do
    %span.icon-remove

前两个链接有工具提示，第三个没有工具提示。我认为这与method: :delete参数将nofollow添加到rel这一事实有关，这会打破工具提示。关于如何解决这个问题的任何线索？

Answer 1

我不确定这是一个解决方案还是一种解决方法，我已经设法通过添加bootstrap.js.coffee以下内容来实现它：

$("span[rel=tooltip]").tooltip()

并将最后一个链接定义更改为：

= link_to order_path(order), method: :delete, data: { confirm: 'Are you sure?' } do
  %span.icon-remove.idrow{rel: "tooltip", title: "Delete"}

我现在也看到了包含ajax调用的链接上的工具提示。

bootstrap 2.3.2工具提示无法在rails + haml中工作

1 个答案: