選択ボックスがあり、オプションを選択すると、ツールチップが正しく表示され、選択ボックスの右側にあるはずです。このように配置する方法と、ツールチップが重なっている方法、これを回避して1つずつ表示する方法? ありがとう 。
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>
Jクエリ:
$("#plan option").tooltip({
position: {
my: 500,
at: 500
}
});
編集:位置属性を削除すると、1 つずつ来ますが、正しく配置されません。
ここにフィドルがあります:FIDDLE