tooltipster jQuery-Plugin funktioniert nicht, wenn nicht div

Question

Ich versuche tooltipster jQuery-Plugin zu verwenden, aber es für oder Tag nicht funktioniert:

ich gerade diesen einfachen Code versucht haben:

<div id="my-tooltip"> 
This div has a tooltip with HTML when you hover over it! 
</div> 

-> div funktioniert

<select id="my-tooltip" name="select"> 
<option value="value1">Valeur 1</option> 
<option value="value2" selected>Valeur 2</option> 
<option value="value3">Valeur 3</option> 
</select> 

-> wählen Sie nicht

<span id="my-tooltip"> 
test with span 
</span> 

funktioniert

-> span funktioniert nicht

Könnten Sie mir bitte helfen? here is my page

danke euch allen!

Answer 1

Aus dem Blick auf Ihren Code und Website ist das Problem aufgrund Ihrer Mehrfachnutzung der ID my-tooltip. IDs sollten nur einmal verwendet werden, um einen Knoten zu identifizieren. Ein einfacher Test kann getan werden, um diese mit jQuery zu beweisen, versuchen Sie dies auf der Seite ausgeführt wird:

jQuery('#my-tooltip') 

Sie werden sehen, dass nur ein Knoten zurückgegeben wird, das ist die eine, die Ihre initialisierte Tooltip hat.

Um dies zu beheben, müssen Sie Ihre Knoten ändern müssen Klassen, dh

<div class="my-tooltip"> 
    This div has a tooltip with HTML when you hover over it! 
</div> 

<select class="my-tooltip" name="select"> 
    <option value="value1">Valeur 1</option> 
    <option value="value2" selected>Valeur 2</option> 
    <option value="value3">Valeur 3</option> 
</select> 

<span class="my-tooltip">test with span</span> 

In Ihrem tooltipster Setup zu verwenden, möchten Sie die folgende Selektor und Optionen aktiviert haben:

jQuery('.my-tooltip').tooltipster({ 
    // Original setup 
    content: jQuery('<span><img src="/../../../popup.png" /> <strong>This text is in bold case !</strong></span>') 

    // Additional options 
    multiple: true, 
    contentAsHTML: true 
}); 

Ich hoffe, das hilft! :)