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

时间:2013-05-02 12:13:19

标签: javascript jquery html tooltip positioning

我的工具提示似乎没有正常工作,我做了一个小小提琴并尝试了所有其他选项但似乎无法让它工作,表单本身有大约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();      
    });
}); 

1 个答案:

答案 0 :(得分:0)

试试这个: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()财产后面有一个逗号,但我注意到您的帖子中没有。如果它存在于您的实际代码中,这可能会导致某些浏览器出现问题。