定位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