I am trying to adjust the positioning of my tooltips using the jQuery UI Tooltip and this code:
$(".karma").tooltip({ position: { my: "center bottom", at: "right top" } });
But everything that I do to "my" and "on" does not change anything. What am I doing wrong?
Here is the link to the jQuery Tooltip API position section
There is nothing wrong with the code. However, without seeing your HTML, it's hard to say why it doesn't work.
Make sure you download the jQueryUI script: here . Also do this to wrap your $(document).ready() code. Let me know if you have any other questions.
$(document).ready()
DEMO: http://jsfiddle.net/dirtyd77/SLGdE/16/
If you came here because your positioning addition did not work (for example, at: "right + 10" ), then the solution should remove any spaces around the operator.
at: "right + 10"
Change at: "right + 10" to at: "right+10" and it should work.
at: "right+10"
You can try the following:
my: "left-25 bottom", at: "center"