9

我正在尝试使用 jQuery UI Tooltip，我想我可能会遗漏一些东西。

我希望在不指定 title 属性的情况下显示最简单的工具提示。

我相信我应该可以在我的 javascript 中的任何地方调用它：

$('#ContactName').tooltip({ content: 'Hey, look!' }).tooltip('open');

这是行不通的。难道我做错了什么？

编辑：我应该提到#ContactName 是一个输入[type=text]，它在一个jQuery UI 对话框中。

编辑2：好的，这有效。不过，我真的不明白为什么。

$($('#ContactName').parent()).tooltip({
    items: '#ContactName',
    content: 'Hey, look!'
});

它适用于悬停。无论如何，我可以在相同的代码中立即打开它吗？

编辑3：这就是我最终得到的：

            $($('#ContactName')).tooltip({
                items: '#ContactName',
                content: $(this).text(),
                position: {
                    my: 'left+15',
                    at: 'right center'
                },
                tooltipClass: 'ui-state-error'
            }).tooltip("open");
4

2 回答 2

18

设置content选项时，您可能还需要指定items选项。

查看他们的API文档和这个jsFiddle 示例

<span id="ContactName">Test</span>

$("#ContactName").tooltip({
    items: "span",
    content: "Awesome title!"
}).tooltip("open");
于 2013-10-10T20:36:33.027 回答
1

这有点 hacky 但是当items对你不起作用时（假设你同时为多个选择器做）你也可以动态设置标题：

$($('#ContactName')).
        attr('title', '').
        tooltip({
            content: $(this).text(),
            position: {
                my: 'left+15',
                at: 'right center'
            },
            tooltipClass: 'ui-state-error'
        }).tooltip("open");
于 2015-03-30T18:46:13.907 回答