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

Question

我正在尝试为页面上的几个单选按钮选项创建工具提示。我已经很容易地获得显示 [title] 属性的工具提示，但我想在几个元素中有选择地设置工具提示文本的格式。我知道我可以提供 HTML 格式的内容，并且我已经创建了一些类来设置内容的样式，但现在工具提示不再显示。我认为我的问题是我没有正确指定“元素”选项。事实上，我不太确定如何将我的 html“内容”选项定义为一个元素。停止播放!

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>

感谢阅读。 :)

更新:

好的!我想通了...有点。我不正确地封装了我的字符串: "<>"bad code"<>"。解决内容选项问题的方法是将我的 html 放在一个变量中并将其设置为内容。 JQuery 似乎更喜欢它。我的样式在工具提示中正确显示，但出于某种原因，它仅适用于为工具提示选择的三个元素之一。控制台中没有任何内容表明它不应该工作。没有语法错误，我选择了正确的 ID。我很困惑。

Answer 1

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

我不知道为什么 jQuery 团队决定这样做，因为看起来您正在应用工具提示的 selector 与用于 items 的东西相同> 选项。相当重复。

无论如何，您可以更改内容，但要确保要应用工具提示的元素具有 title 属性，或者您指定带有选择器的 items 选项只需匹配您要应用工具提示的选择器。确实很奇怪。

例子: $('#selector').tooltip({ content: '你的内容', items: '#selector' });