jquery - jquery ui tooltip positioning doesn't work

Question

I am trying to show a tooltip right next to an element, but i can't get the positioning right. I can set the vertical positioning, but somehow horizontal positioning gets ignored. What's wrong with this piece of code?:

$(document).tooltip({ 
  content: 'tooltip', 
  items: '#plan', 
  position: { my: 'left top', at: 'left+150 top', of: '#plan' } 
});

Here is a JSFiddle: http://jsfiddle.net/BFWx2/2/

Answer 1

这是因为您没有在小提琴中包含任何 UI css 文件。

您已将 jQuery UI 作为外部资源包含在内，并且仅包含 JS 文件而不包含 CSS 文件。

选中 jQuery UI 复选框，而不是添加为外部资源

或者

将 css 引用添加到您的小提琴中。