9

我在我的 Rails 应用程序中使用工具提示，但它不适用于输入字段，因为我的代码是：

  %input#main-search{:name => "query", :placeholder => "search all 
    items", :rel => "tooltip", :title => "Search All Items", :type => "text"}
  :javascript
    $(document).ready(function(){
      $('input[title]').tooltip({placement:'bottom'});
    });

我也使用：

$('#main-search').tooltip({'trigger':'focus'});

它不适用于输入字段，但对于标签它可以正常工作。如何为输入字段禁用工具提示？

4

2 回答 2

25

这是工具提示的有效 HTML 标记：

<input data-toggle="tooltip" title="tooltip on second input!" type="text" placeholder="Focus me!" name="secondname"/>

这是 jQuery，工具提示和触发焦点的位置正确：

$('input[type=text][name=secondname]').tooltip({ /*or use any other selector, class, ID*/
    placement: "right",
    trigger: "focus"
});

总是看官方文档。

这是工作演示：http: //jsfiddle.net/N9vN8/69/

于 2013-04-18T12:37:16.687 回答
1

只需键入以下脚本，即可更简单地将其激活到要使用工具提示的所有输入或字形图标：

<script type="text/javascript">
$(function () {
                $('[data-toggle="tooltip"]').tooltip()
            });
</script>

在输入内部：

<input data-toggle="tooltip" data-placement="left" title="Your awesome tip!" type='text' class="form-control" name="name"  placeholder="placeholder" maxlength="10"/>

在字形图标内：

<span class="glyphicon glyphicon-calendar" data-toggle="tooltip" data-placement="right" title="Open calendar"></span>

这样，在同一表单的多个输入中使用工具提示时，您无需担心任何 ID。

来源：文档。

于 2015-09-30T18:47:39.277 回答