向Phoenix Forms添加工具提示

时间:2017-08-25 08:54:26

标签: css elixir phoenix-framework

我有一个表单字段:

 <div class="form-group">
    <%= label f, :title, class: "control-label", "data-tooltip": " Create a new Project" %>
    <%= text_input f, :title, "data-tooltip": " Create a new Project", class: "form-control form-control-title", placeholder: "Your project title" %>
    <%= error_tag f, :title %>
  </div>

没有工具提示的工作版本在这里:

 <div class="form-group">
    <%= label f, :title, class: "control-label" %>
    <%= text_input f, :title,  class: "form-control form-control-title", placeholder: "Your project title" %>
    <%= error_tag f, :title %>
  </div>

CSS设置正确,因为我在其他元素上使用工具提示。

我使用相同的工具提示语法作为按钮,它正在工作:

 <%= link("Create Project", to: post_path(@conn, :new), "data-tooltip": " Create a new Project ", "data-placement": "bottom", class: "btn btn-create-project")%>

当我将鼠标悬停在表单字段上时,不显示工具提示。

0 个答案:

没有答案