Warum Tooltip nicht funktioniert, wenn ich den Mauszeiger darüber bewege?

Question

Ich habe eine Umschaltfläche mit dem Bootstrap-toggle-Plugin und wollte eine QuickInfo, wenn ich den Mauszeiger darüber bewege.

<input type="checkbox" data-size="mini" data-toggle="toggle" data-hover="tooltip" data-placement="bottom" title="Automatic Refresh is ON" data-onstyle="success" /> 


<script> 
    $(document).ready(function(){ 
    $('[data-hover="tooltip"]').tooltip(); 
}); 
</script> 

Als ich data-hover="tooltip" verwendet, scheint es nicht zu funktionieren. Was mache ich hier falsch? Hier

ist ein Link zu dem Code, den ich habe bisher - http://jsbin.com/zexijemija/edit?html,output

Answer 1

Put data-toggle="tooltip"

statt

data-toggle="toggle"

und auch mehr über Selektoren in jQuery lernen. :)

Answer 2

Ihr Eingabeelement hat data-toggle="toggle", während Sie auf nicht vorhandene Elemente mit Selektor [data-toggle="tooltip"] aufrufen.

Entweder ändern Sie den Wert des Eingabedatenattributs oder den entsprechenden Selektor.

Answer 3

eine ID Fügen Sie Ihre Taste zur Auswahl:

<input id="foo" type="checkbox" data-size="mini" data-toggle="toggle" data-hover="tooltip" data-placement="bottom" title="Automatic Refresh is ON" data-onstyle="success" /> 

<script> 
    $(document).ready(function(){ 
    $("#foo").tooltip(); 
}); 
</script> 

jsfiddle