如果不是 div，则 tooltipster jQuery 插件不起作用

Question

我正在尝试使用 tooltipster jQuery 插件，但它不适用于或标记：

我刚刚尝试过这个简单的代码：

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

--> div 工作正常

<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>

--> 选择不起作用

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

--> 跨度不起作用

你能帮帮我吗？ here is my page

谢谢大家！

Answer 1

通过查看您的代码和站点，问题是由于您多次使用了 ID my-tooltip。 ID 只能使用一次来标识 一个 节点。可以使用 jQuery 做一个简单的测试来证明这一点，尝试在页面上运行它：

jQuery('#my-tooltip')

您会看到只返回一个节点，这是具有您初始化工具提示的节点。

要解决此问题，您需要将节点更改为使用 类，即

<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>

在您的工具提示设置中，您需要启用以下选择器和选项：

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

我希望这会有所帮助！ :)