javascript - 定位 jquery ui tooltip

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 : FIDDLE

Answer 1

好吧，我这样做了:

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

这里是 FIDDLE