是否可以使用此jQuery插件的多个工具提示?

时间:2010-12-08 20:59:57

标签: jquery jquery-plugins

我正在查看显示工具提示的插件:http://www.pierrebertet.net/projects/jquery_simpletooltip/

但是,我仍然不清楚是否可以在页面上多次使用不同的工具提示。例如,我有以下内容:

$("#tip").simpletooltip({ click: true });

然后

<a id="tip" href="#tooltip_1">some text</a>

隐藏图层

<div id="tooltip_1">something here</a>

我已尝试添加其他链接和工具提示,但似乎无法正常工作。这是一个错误吗?

<a id="tip" href="#tooltip_2">some text 2</a>
<a id="tip" href="#tooltip_2">some text 3</a>

<div id="tooltip_2">something here</a>
<div id="tooltip_3">something here</a>

1 个答案:

答案 0 :(得分:1)

您似乎有多个ID为“tip”的元素。给每个元素一个唯一的ID,并在每个元素上调用.simpletooltip()。

$( '#tip1' ).simpletooltip( { click: true } );
$( '#tip2' ).simpletooltip( { click: true } );

或者,您可以将类分配给您希望工具提示触发的元素,并在

上调用它。
$( '.myClassName' ).simpletooltip( { click: true } );