0

アプリにツールチップを追加しようとしていますが、これまでのところ:

.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>

IDを取得したいのですが?ユーザーがホバーすると?ツールチップが表示される文字列。これでは何も起こらず、クリックするとページをリロードします。DOM を調べていると、 に乗っている?と、

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

発生中。残念ながら、マウスを離すと div が消えるので、div を展開して中身を確認することはできません。

ブートストラップはかなりロードされており、他のもの (足場、折りたたみなど) で正しく動作します。

私の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

最初の 2 つのリンクにはツールヒントがあり、3 番目のリンクにはツールヒントがありません。method: :deleteパラメータが に を追加nofollowrel、これがツールチップを壊すという事実に関係していると思います。これを解決する方法についての手がかりはありますか?

4

1 に答える 1