我正在尝试在同一页面上使用多个工具提示,这在FF,Chrome,IE8中运行良好。 IE6& 7但是不喜欢使用相同的ID标签?
我目前正在学习jQuery,但不知道我必须做些什么来使这两个工具提示都有效,我已经尝试将ID更改为类等以阻止冲突但不能到达任何地方。
有人可以建议我如何解决这个问题吗?
这是页面http://www.kylehouston.com/testing/easytooltip/hover-testing.html
答案 0 :(得分:4)
没有浏览器喜欢重复的ID。 ID必须唯一!我想知道它为什么会起作用......
我建议你像这样构建你的元素(当然你应该给他们一个更有意义的ID,然后linkX
):
<a id="link1" class="tooltip">...</a>
<a id="link2" class="tooltip">...</a>
<div id="link1-tooltip">...</div>
<div id="link2-tooltip">...</div>
然后遍历链接:
$('a.tooltip').each(function() {
$(this).easyTooltip({
useElement: this.id + "-tooltip"
});
});