Bootstrap Tooltip non funziona sul campo di inserimento

Question

i, m utilizzando tooltip nella mia applicazione Rails, ma non funziona sul campo di input come il mio codice è:

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

Io uso anche:

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

sua non funziona per il campo di input ma per l'etichetta funziona correttamente. come posso un tooltip inattivo per il campo di input?

Answer 1

Qui è valido markup HTML per tooltip:

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

Ed ecco jQuery con il posizionamento giusto per tooltip e grilletto a fuoco:

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

Always look at official docs.

Ed ecco demo funzionante: http://jsfiddle.net/N9vN8/69/

Answer 2

E 'più semplice per attivare a tutti gli ingressi o glyphicons in cui si desidera utilizzare un tooltip semplicemente digitando il seguente script:

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

All'interno di un ingresso :

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

All'interno di un glyphicon:

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

In questo modo non è necessario preoccuparsi di alcun ID quando si utilizzano i suggerimenti in diversi input nella stessa forma.

Fonte: docs.