Question

我尝试使用tooltipster jQuery插件，但它不起作用或标记：

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

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

- ＆GT; 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>

- ＆GT;选择不起作用

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

- ＆GT;跨度不起作用

你能帮帮我吗？ 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
});

我希望这有帮助！：）

tooltipster jQuery插件不工作，如果不是div

1 个答案: