javascript - 表单项上的 Jquery Tooltip .position 不起作用

Question

我的工具提示似乎无法正常工作，我做了一个小小提琴并尝试了所有其他选项，但似乎无法让它工作，表单本身有大约 50 个表单字段，但我只在小提琴上添加了 4 个。

我希望工具提示与表单字段的右侧对齐，并且在重新输入表单字段时不会弄乱。

http://jsfiddle.net/H2fWS/

如果你知道怎么做，请帮忙:)

这是代码：

jQuery(document).ready(function(){      
    jQuery(".information").hide();
    jQuery("#info_starttip").show();
    jQuery(".textbox").focus(function(){
        jQuery(".information").hide();
        var getid = this.id;
        jQuery("#info_"+getid).position({
            of: this,
            my: "right top",
            at: "right top",
            collision: "fit"
        }).show();      
    });
}); 

Answer 1

试试这个：http: //jsfiddle.net/H2fWS/3/

jQuery(".information").hide();
        var getid = this.id;
        jQuery("#info_" + getid).show().position({
            of: this,
            my: "left top",
            at: "right top",
            collision: "fit"
        });
    });
});

我把它放在show()前面position()并将其更改为将其定位在输入的left top位置right top。

此外，在您的 jsfiddle 中，您的最后一个position()属性后面有一个逗号，但我注意到您的帖子中没有它。如果它存在于您的实际代码中，这可能会导致某些浏览器出现问题。