[英]Positioning jquery ui tooltip
我有一个选择框,当选择一个选项时,它应该正确显示工具提示,它应该在选择框的右边,如何这样定位,现在它与工具提示重叠,如何避免这种情况并逐一显示? 谢谢 。
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
好吧,我这样做是这样的:
$(document,"#plan option").tooltip({position: {
my: "center",
at: "right+200",
track: false,
using: function(position, feedback) {
$(this).css(position);
}
}
});
这是FIDDLE
我进行了一些修改,就我而言,即使滚动页面并且它没有空间显示工具提示,我也想在工具栏元素的右上角显示绝对位置的工具提示(我们强制在工具提示的特定位置上显示工具提示) 。
position: {
my: 'left bottom-40',
at: 'right',
using: function(position, feedback) {
console.log(feedback);
position.top = feedback.target.top - (feedback.element.height);
position.left = feedback.target.left + feedback.target.width;
$(this).css(position);
}
},
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.