Jquery ui 位置,不能使其相对于当前项

Jquery ui position, cannot make it relative to current item

本文关键字:相对于 ui 位置 不能 Jquery      更新时间:2023-09-26

我正在尝试:

$(document).tooltip({
            items: "#tabs .word-list li .invisible",
            position: {
                my: "right center",
                at: "left center",
                of: $(this).parent()
            } 
        });

of部分永远不会奏效,有什么想法吗?

您是否尝试过仅设置myat并删除of

默认情况下,工具提示相对于元素定位,设置of可能会使其相对于文档。

$(".ParentClass").tooltip({
            items: "#tabs .word-list li .invisible",
            position: {
                my: "right center",
                at: "left center",
                of: this
            } 
        });

文档: http://api.jqueryui.com/position/

的(默认值:空)类型:选择器或元素或jQuery或事件要针对哪个元素进行定位。如果提供选择器或 jQuery 对象,则将使用第一个匹配元素。如果提供事件对象,则将使用 pageX 和 pageY 属性。示例:"#top 菜单"

为什么你认为"的"不起作用?

例如,父级是否有许多匹配的元素? 也许您需要提供一个选择器? http://api.jquery.com/Types/#Selector

如果没有看到父 HTML 正文,您可能没有提供足够的信息进行调试。

好吧,更简单的解决方案是放弃 jquery-ui-tooltip 并制作我自己的......

$(document).on({
            mouseenter: function() {
                //
                $(this).empty().html('<div class="tooltip">' + $(this).attr("title") + '</div>');
            },
            mouseleave: function() {
                //
                $(this).empty();
            }
        }, "#tabs .word-list li .invisible");