Tooltip erscheint beim Klicken auf ein Textfeld

Ich habe Probleme, eine tooltip zu erscheinen, wenn ich auf das Passwort textbox klicke. Jeder hat irgendwelche Vorschläge, warum der Code jquery nicht funktioniert?Tooltip erscheint beim Klicken auf ein Textfeld

   <div class="form-group"> 

       <input type="password" name="password" id="password" tabindex="1" class="form-control" placeholder="Password" required /> 

        </div> 

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <!--jquery--> 

         <script> 

         $(document).ready(function() { 

        $('#password').on({ 
            "click": function() { 
              $(this).tooltip({ items: "#password", content: "Displaying on click"}); 
              $(this).tooltip("open"); 
                 }, 
               "mouseout": function() {  
               $(this).tooltip("disable"); 
                      } 
                       }); 

          }); 


        </script>

Quelle

2016-04-02 steve

Versuchen '$ (this) .tooltip ("disable") ersetzt;' mit '$ (this) .tooltip ("close");' und sehen, was passiert . – TechnoCF

Hallo TechnoCF nichts scheint ausgeführt zu werden, wenn ich das durch meins ersetze. – steve

Die Idee ist für einen Tooltip, um den Benutzer mit einer Nachricht anzuzeigen, dass ihr Passwort bestimmte Zeichen usw. sein muss. – steve

Tooltip ist nicht Teil der Jquery-Bibliothek. Sie müssen jquery ui einschließen. Außerdem müssen Sie sicherstellen, dass Tooltip initialisiert wird, bevor Sie versuchen, es zu deaktivieren.

<html> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
<script> 
    $(document).ready(function() { 
     var hasToolTip =false; 
     $('#password').on({ 
      "click": function() { 
       hasToolTip = true; 
       $(this).tooltip({ items: "#password", content: "Displaying on click"}); 
       $(this).tooltip("open"); 
      }, 
      "mouseout": function() {  
       if(hasToolTip) 
       { 
        $(this).tooltip("disable"); 
        hasToolTip = false; 
       }             
      } 
     }); 
    }); 

</script> 
<body> 
    <div class="form-group"> 
     <input type="password" name="password" id="password" tabindex="1" class="form-control" placeholder="Password" required /> 
    </div> 
</body>

https://jqueryui.com/tooltip/

Quelle

2016-04-03 00:10:39 gmfm

Nein Joy überhaupt - gmfm. Funktioniert immer noch nicht. – steve

Bearbeitet answert, um Arbeitscode anzuzeigen und Initialisierungsfehler zu korrigieren. – gmfm

Vielen Dank gmfm! Habe es funktioniert :) – steve

Tooltip erscheint beim Klicken auf ein Textfeld

Antwort

Verwandte Themen