JQuery-tooltip nicht angezeigt

Ich versuche ein tooltip für einige der aufgeführten Elemente mithilfe von jquery-ui haben, aber ich kann nicht die tooltips zu zeigen. Ich bin versucht, einen tooltip an alle Gegenstände mit der tooltip-Klasse. Überprüfen Sie bitte mein code für die Probleme...

HTML

<li>
<label>
  <input id="someid" type="radio" name="name" />
  <strong><span>text</span></strong></label>
  <a href="#" class="tooltip" title="some text"></a>
  <h4>text</h4>
</li>

JS

function showTooltip() {
$("#tooltip").each(function()
    {
        $(this).tooltip();
    };
};

Dank 🙂

  • Sie sollten versuchen, die Verwendung einer Klasse statt einer ID in diesem Fall. Gültiger HTML-Code nicht erlaubt, die doppelten ID ' s für die Elemente.
  • Auch du bist ein tooltip ist eine Klasse und Sie sind mit Bezug auf eine id - $('.tooltip').....
  • Wie 'romo' erwähnt Ihr code sollte wie folgt Aussehen: Funktion showTooltip() { $(".tooltip").each(function() { $(this).tooltip(); }; };
InformationsquelleAutor Ryan Taylor | 2013-03-20
  1. 2

    Ihre Funktion muss ein class-Selektor: $(".Klasse")... und nicht $("#id")

    $(function(){
    showTooltip();
    function showTooltip() {
       $(".tooltip").each(function() {
           $(this).tooltip();
       });
    }
});
    • Doh! Ich glaube, das ist die Antwort, aber ich kann immer noch nicht bekommen, es zu zeigen.
    • Haben Sie rufen Sie die Funktion auf Dokument bereit? Das Beispiel bei JQueryUI.com fordert Sie auf Dokument fertig.... Und sicher sein, zu importieren jQuery.js, jquery-ui.js und jquery-ui.css
    • Es war nicht im Dokument.bereit, aber es ist jetzt. Es ist noch nicht angezeigt. Vielleicht ist es aus dem Fokus. idk... Es schien so einfach in die api-Dokumentation, aber das ist frustrierend!
    InformationsquelleAutor TiagoBrenck
  2. 13

    Für jemand anderen zu kämpfen, mit tooltip funktioniert nicht.

    Ich gefunden habe, eine Reihe von Fragen, die mit jquery-ui als der spät, aber es scheint, Sie wollte nicht mit null-Eingang des Standard-Element-Inhalt.

    Somit ist es standardmäßig "Titel" also, wenn Sie nicht geben Sie einen title-Attribut zu dem element, das Sie wollen, um das tooltip-Objekt, wird es scheitern, auch wenn Sie den Inhalt angeben, etwa so: 

    $("#element").tooltip({content:"test"});

    Es ist ziemlich schwach, nicht zu behandeln von null(oder undefined (nicht definiert) Werte, die meiner Meinung nach aber das ist, wie es ist.

    Ich umging es, indem Sie ein title-Attribut wie so zu dem element:

    title=''

    Ich denke, man könnte angeben items im tooltip constructer etwa so:

    $("#selector").tooltip({items:'other-title', content: 'test'});

    Aber dann würden Sie noch hinzufügen müssen, um das neue Attribut zu dem element, das etwa so:

    other-title=''

    PS: mit JQuery-UI-1.11.4

    • das war eine hinterhältige ein
    • Überaus enttäuschend. Wenn Sie eine content option für die Einstellung der Inhalte, warum habe ich noch zu verwenden title im HTML? ?
    • JQuery-UI dpoesn stört mich mehr, weil ich nicht mehr überall verwenden. Wenn ich eine dialog-box zum Beispiel, ich erstelle es neu.
    InformationsquelleAutor Kickass
  3. 5

    Versuchen Sie es mit:

    JS:

    $(document).ready(function(){
    $(document).tooltip();
});

    so alles mit title="yourtitle" in es ein jquery-tooltip, wenn der Mauszeiger über Sie.

    Beispiel

    InformationsquelleAutor Joe Pigott
  4. 0

    Wie andere sagen, alles, was Sie benötigen sollten, ist die folgende:

    $(document).tooltip();

    Aber es gibt auch Ausnahmen, wo dies allein wird einfach nicht funktionieren. Bestimmten Fällen, in denen dies nicht funktioniert:

    • option Elemente innerhalb einer select block. (tooltip zeigt unter der option auswählen)
    • disabled="true" Elemente werden weiterhin angezeigt-tooltips im nicht-jQuery-UI-format, bis Sie erneut aktiviert.

    Neben Reprogrammierung jQuery-UI, habe ich keine wirkliche Lösung für diese Probleme.

    InformationsquelleAutor HoldOffHunger
  5. -1

    wenn ich $(document).tooltip(); , Es machte QuickInfo für jedes element, um QuickInfo für bestimmte, die ich verwendet, 

        $(function () {
      $(document).tooltip({
          track: true, 
          items: ".tooltip",
          content: function () {
              return $(this).attr("title");
          }
      });
  });
    • Was hat das hinzufügen, um die akzeptierte Antwort?
    • gerade durch $(document).tooltip(); hat bei mir nicht funktioniert. Ich musste es tun, für bestimmte element, wo ich brauchte, um Elemente hinzuzufügen: "#id", um bestimmte, so einfach wollte ich teilen
    InformationsquelleAutor neodonator
Schreibe einen Kommentar