设置id并将CSS类添加到Poshy Tip tooltip div

时间:2013-08-05 17:43:00

标签: javascript jquery css tooltip

如何设置id或为使用Poshy Tip创建的工具提示div添加额外的CSS类?我希望能够区分同时显示的不同工具提示。

我已经尝试在工具提示的初始化中添加额外的CSS类,但这会破坏布局,因为Poshy Tip动态生成的一些CSS会停止正常运行。该插件不提供设置ID的选项:

$('#tip').poshytip({
    className: 'tip-yellow',
    // Replacing the previous line with the next one breaks the layout:
    // className: 'tip-yellow extraClass',
    // This option doesn't exist:
    // id: 'myId',
    ...
}

请参阅this fiddle

我们可以在初始化后添加extraClass并设置myId吗?

我的jQuery技能有限,所以很有可能我只是忽略了一些东西。

1 个答案:

答案 0 :(得分:1)

我无法让文字装饰起作用,但我确实改变了颜色:

我注释掉了classname:'tip-yellow'

并将其添加到底部:

$('.tip-yellow:last').addClass('extraClass');

Your Fiddle v2

更新:同时添加ID

Your Fiddle v3