0

我已经为此工作了好几天了。我有一个将 jQuery UI 用于日期选择器的应用程序。现在，我还需要一些增强的工具提示，所以我很高兴看到在 jQueryUI 中添加了一个工具提示小部件。

我仍然需要支持旧版本的 IE，所以我不能使用 jQuery 2.0。我已经升级到 jQuery 1.9.1 和 jQuery UI 1.10.3。

无论如何，工具提示的行为根本不像我预期的那样。我正在使用以下代码创建工具提示：

    $(document).ready(function() {
        $('.tooltipStyle').tooltip({
            position: { my: "top left", at: "bottom center" },
            content: function() { 
                return "This tooltip is a function return value with <b>HTML content</b>"; 
            }
        });
    });

jsFiddle 的完整演示：http: //jsfiddle.net/2agHC/4/。（请注意，我使用左侧的外部资源来加载 jQuery 和 jQuery UI 的匹配版本。）

首先，我无法让 position 属性起作用。我希望工具提示将出现在它所连接的控件的正下方，其左上角以控件为中心。（我已将灰色设为可见。）但是，工具提示出现在窗口的左边缘。

其次，我必须单击div 才能显示工具提示，而我希望它会出现悬停。

我觉得我错过了关于应该如何使用工具提示的一些基本知识，但就像我说的那样，我已经这样做了好几天了。谁能解释我错过了什么？

4

2 回答 2

1

你想要这样吗？jsfiddle

$(document).ready(function() {
    $('.tooltipStyle').tooltip({
        position: { my: "left top", at: "bottom" },
        content: function() { 
            return "This tooltip is a function return value with <b>HTML content</b>"; 
        }
    });
});

如果这不是您想要的行为，请回复。阅读有关jQuery UI Position实用程序的文档也可能会有所帮助。

我猜你所说的点击就在那里，因为工具提示直接悬停在元素上。尽管在您的示例中我不需要单击...工具提示会弹出，立即隐藏然后再次显示。

使其完整（如eclps'从docu中提取）

我的（默认：“中心”）

类型：字符串

定义要定位的元素上的哪个位置与目标元素对齐：“水平垂直”对齐。[...]

可接受的水平值：“left”、“center”、“right”。可接受的垂直值：“top”、“center”、“bottom”。示例：“左上”或“中心”。每个维度还可以包含偏移量，以像素或百分比为单位，例如“right+10 top-25%”。百分比偏移量是相对于被定位的元素的。

于 2013-05-07T18:52:06.190 回答
1

来自'my'的jQuery UI Position 文档：

定义要定位的元素上的哪个位置与目标元素对齐：“水平垂直”对齐。[...] 可接受的水平值：“left”、“center”、“right”。可接受的垂直值：“top”、“center”、“bottom”。示例：“左上”或“中心”。

您需要交换您的位置值。如德平顿爵士的回答所示。

position: { my: "left top" },
于 2013-05-07T19:05:42.927 回答