如何为样式内容定义JQuery UI工具提示项选项

Question

我正在尝试为页面上的几个单选按钮选项创建工具提示.我已经足够轻松地显示了[title]属性的工具提示,但我想有选择地格式化几个元素中的工具提示文本.我知道我可以提供HTML内容,我已经创建了一些类来设置内容的样式,但现在工具提示不再显示了.我认为我的问题是我没有正确指定"项目"选项.事实上,我不太确定如何将html"content"选项定义为项目.Halp播放!

JS

$('#tooltip').tooltip({
    tooltipClass: "tooltip-class"
    items: what do?
    content: "<div class="tooltip-header">header</div><div class="tooltip-description">text</div>"
});

由JS选择的HTML

<a href="#" id="tooltip" class="link-info"></a>

谢谢阅读.:)

更新:

好!我想通了......有点儿.我不恰当地包裹我的字符串:"<>"坏代码"<>".我对内容选项的问题的解决方案是将我的html放在变量中并将其设置为内容.JQuery似乎更喜欢它.我的样式正好显示在工具提示中,但由于某种原因,它只针对为工具提示选择的三个项目之一.控制台中没有任何内容表明它不起作用.没有语法错误,我正在选择正确的ID.我很困惑.

Answer 1

我想我知道你遇到了什么.使用该content选项时,您仍然必须title在元素上包含该属性,或者将该items选项指定为不同的选项.

我没有IDEA为什么jQuery团队决定这样做,因为看起来selector你正在应用工具提示,将与items选项使用相同的东西.相当重复.

无论如何,您可以更改内容但确保要应用工具提示的元素具有该title属性,或者items使用选择器指定选项,该选项器可以简单地匹配您应用工具提示的选择器.奇怪的是.

例: $('#selector').tooltip({ content: 'your content', items: '#selector' });