javascript - Jquery Tooltip .position on form items not working -
my tooltips dont seem working correctly, have made small fiddle , tried out other options cant seem work, form has around 50 form fields have added 4 onto fiddle.
i tooltips align right of form field , not mess when re entering form field.
please out if know how :)
here code:
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(); }); });
try this: 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" }); }); });
i put show()
before position()
, changed position it's left top
@ right top
of input.
also, in jsfiddle had comma after last position()
property, notice don't have in post. cause problems in browsers if exists in actual code.
Comments
Post a Comment