Bootstrap Tooltip无法在输入字段上工作

Question

我在我的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'});

它不适用于输入字段,但对于标签,它工作正常.我怎样才能为输入字段提供工具提示？

Answer 1

这是工具提示的有效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/