アプリにツールチップを追加しようとしていますが、これまでのところ:
.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
パラメータが に を追加nofollow
しrel
、これがツールチップを壊すという事実に関係していると思います。これを解決する方法についての手がかりはありますか?