更新:仍在寻找可行的解决方案,但请查看下面的答案,它可能会帮助您或给您一个想法.它适用于特定的分辨率.
我正在使用jQuery UI工具提示插件,但我无法按照我想要的方式定位工具提示.
我希望它垂直居中于鼠标,但是位于相关元素的左侧.我相信我的措辞是正确的,但我会告诉你一张我的意思.
(这是应该做的)
http://prntscr.com/v2yqi
正如您在我的示例中所看到的,它垂直居中于元素本身,而不是鼠标.
如果它可以用鼠标移动(仅垂直跟踪),这将是完美的.不确定这个插件是否可以实现.我真的不了解他们的定位API.
这是一个JSFiddle.
$(function() {
$( document ).tooltip({
items: ".entry",
position: { my: "center", at: "left" },
content: function() {
var element = $( this );
if ( ( element.is( ".entry" ) ) ) {
return "<div class='hi'>This is a very nice entry! It's so pretty and I feel like I can touch it. This is just random filler text to give you the idea..</div>"; …Run Code Online (Sandbox Code Playgroud)