Bootstrap Etykietka nie działa na polu wprowadzania

Question

Ja używam podpowiedź w mojej aplikacji Rails, ale to nie działa na polu wejściowym jak mój kod jest:

%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'}); 
    }); 

Używam również:

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

Its nie działa dla pola wejściowego, ale dla etykiety działa dobrze. w jaki sposób mogę uzyskać użyteczną podpowiedź dla pola wejściowego?

Answer 1

Oto prawidłowych znaczników HTML dla podpowiedzi:

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

A oto jQuery z prawej umieszczenia na podpowiedzi i spust na ostrości:

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

Always look at official docs.

I tu jest demo pracy: http://jsfiddle.net/N9vN8/69/

Answer 2

Jest prostszy, aby włączyć go do wszystkich wejść lub glyphicons gdzie chcesz korzystać z podpowiedzi poprzez wpisanie następujący skrypt:

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

Wewnątrz wejście :

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

Wewnątrz glyphicon:

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

W ten sposób nie musisz się martwić o żadne identyfikatory podczas korzystania z podpowiedzi w kilku nakładach w tej samej formie.

Źródło: docs.