eex模板中的引導工具提示

Question

我有一個引導工具提示。測試環節的工作原理確定位置：

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

我有一個EEX鏈接：

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

我試圖環繞鏈接錨標籤：

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

...沒工作。

有一些想法在這個Ruby on Rails的提示問題：

Using Tooltips with link_to (Ruby on Rails 3.2.3)

相對： 「數據工具提示」 不會引發錯誤：

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

，但我怎麼加數據放置=「左」類？

全部提示這裏：

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產生<a>與data-tooltip和data-placement屬性：

<%= 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>