qTip2 - 工具提示的位置

我不知道如何设置我的工具提示的正确位置。我的对象有HTML结构的工具提示，它们在屏幕的边缘，所以我看不到它们中的大部分。我做了一个fiddle。只有4个工具提示的对象，但在我的项目中我有很多。qTip2 - 工具提示的位置

$('.qtip-show').qtip({ 
    position: { 
     target: 'mouse', 
    }, 
});

来源

2016-03-29 joryl

您可以在选项看看这里： http://qtip2.com/options

与选项玩了一段时间它的工作原理之后。

$('.qtip-show').each(function() { // Grab all elements with a title attribute,and set "this" 
    $(this).qtip({ // 
     position: { 
     my: 'top left', // Position my top left... 
     at: 'bottom left', // at the bottom right of... 
     target: $(this) // my target 
    } 
    }); 
});

全部代码在这里： http://codepen.io/anon/pen/GZvomK

最好成绩，乔治

来源

2016-03-29 08:29:20 SG1Asgard

谢谢你的文章，但我不知道我怎么可以使用它 - 更新我的小提琴：HTTPS： //jsfiddle.net/h49Loejs/4/ – joryl

谢谢:)但是当我把它粘贴到我的小提琴中时，它每次都会在同一个地方展示，你看起来怎么样？ :) https://jsfiddle.net/h49Loejs/5/ – joryl

非常感谢，但是当你改变（例如）“while（i <1）”为“while（i <10）”时，你会看到右侧的按钮位于后面。 – joryl

qTip2 - 工具提示的位置

回答

相关问题