eexテンプレートのブートストラップツールチップ

Question

私はブートストラップツールチップを持っています。テストリンクはOK、ここで動作します...

<a data-tooltip="edit" data-placement="left"><span><%= link " ", to: post_path(@conn, :show, post), class: "btn btn-default btn-md btn-read-post unicode-lg" %></span></a> 

ませんでした：

<span><%= link " ", to: post_path(@conn, :show, post), class: "btn btn-default btn-md btn-read-post unicode-lg" %></span> 

私はリンクの周りにアンカータグをラップしてみました：

<a data-tooltip="I am tooltip text" data-placement="left">Clickame</a> 

私はEEXリンクを持っています作業。

いくつかのアイデアは、Railsのツールチップの質問にこのRubyであります

Using Tooltips with link_to (Ruby on Rails 3.2.3)

はREL： "データ・ツールチップは、" エラーは発生しません：

<span><%= link " ", to: post_path(@conn, :show, post), class: "btn btn-default btn-md btn-read-post unicode-lg", rel: "data-tooltip" %></span> 

が、どのように私は追加しませんdata-placement = "left"クラス？ここ

全ツールチップ：

https://codepen.io/peiche/pen/JaftA

a[data-tooltip] { 
    position: relative; 
} 

a[data-tooltip]::before, 
a[data-tooltip]::after { 
    position: absolute; 
    display: none; 
    opacity: 0.85; 
} 

Answer 1

あなたはPhoenix.HTML.Link.link/2にキーワードリストなどの属性とその値を渡すことによってdata-tooltipとdata-placement属性を持つ<a>を生成できます。

<%= link("Clickame", to: "/", "data-tooltip": "I am tooltip text", "data-placement": "left") %> 

これは次のHTMLを生成します。あなたのツールチップとRK：

<a data-placement="left" data-tooltip="I am tooltip text" href="/">Clickame</a> 

Answer 2

クラスを含むリンク、ツールチップの正しい構文は、次のようになります。

​​

元：

<span><%= link " ", to: post_path(@conn, :show, post), class: "btn btn-default btn-md btn-read-post unicode-lg" %></span>