定位jQuery UI的工具提示

Question

我有一个选择框，当选择一个选项时，它应该正确显示工具提示，它应该在选择框的右侧，如何定位像这样，它现在重叠的工具提示，如何避免这种情况并逐一显示？谢谢 。
HTML：

<div class="form_block2" > 
    Plan<SPAN style="color:#ff0000;">*</SPAN>:<br/> 
    <select class="input_txt_block1" title="Select one" id="plan" name="plan"> 
     <option selected="selected"> ------- Select PLan ------- </option> 
     <option title="three dynamic pages" value="1">Gold</option> 
     <option title="two dynamic pages" value="2">Silver</option> 
     <option title="one dynamic pages" value="3">Bronze</option>        
     <option title="single page website" value="5">Basic</option> 
     <option title="Basic information" value="4">Listing</option> 
    </select><span style="color:blue;" id="message"></span> 
</div> 

的Jquery：

$("#plan option").tooltip({ 
    position: { 
     my: 500, 
     at: 500 
    } 
}); 

编辑：当我除去位置属性，其未来逐一但不正确地定位。

这里是小提琴：FIDDLE

Answer 1

好吧，我做的是这样的：

$(document,"#plan option").tooltip({position: { 
         my: "center", 
         at: "right+200", 
         track: false, 
         using: function(position, feedback) { 
          $(this).css(position);     
         } 
        } 
       }); 

这里是FIDDLE