위치 지정 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 
    } 
}); 

EDIT : 제가 그 하나씩오고 있지만, 정확하게 위치하지 않는 위치 속성을 제거하는 단계를 포함한다. FIDDLE

Answer 1

좋아 내가 같이 그 일을 :

여기

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

인 FIDDLE