positioning jQuery tooltip

Question

I\'m trying to customise the positioning of my tooltips, using jQuery UI Tooltip and this code:

$(\".karma\").tooltip({
  position: {
    my: \"center bottom         


        

Answer 1

You can try this:

    my: "left-25 bottom", 
    at: "center"

Answer 2

If you got here because your positioning addition wasn't working (e.g. at: "right + 10"), then the solution is to remove any spaces around the operator.

Change at: "right + 10" to at: "right+10", and it should work.

Answer 3

There is nothing wrong with your code. However, without seeing your HTML, it is hard to say why it isn't working.

Make sure you have loaded jQueryUI script: here. Also make to wrap your code with $(document).ready(). Let me know if you have any other questions.

DEMO: http://jsfiddle.net/dirtyd77/SLGdE/16/