简单的jQuery UI工具提示,没有title属性

我正在尝试使用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");
设置内容选项时,您可能还需要指定items选项.

请参阅他们的API文档和此jsFiddle example

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

$("#ContactName").tooltip({
    items: "span",
    content: "Awesome title!"
}).tooltip("open");
翻译自:https://stackoverflow.com/questions/19305621/simple-jquery-ui-tooltip-with-no-title-attribute

转载注明原文:简单的jQuery UI工具提示,没有title属性