Tooltipster旨在在我的页面上添加有关一些大图像的信息,但它显示在大多数图像的顶部或底部,通常不在浏览器窗口的可见部分内。当页面已经向下或向上滚动一点时,就看不到它。使用水平滚动时,它始终显示在窗口的可见部分内。
当不显示图像的顶部或底部时,我不知道如何显示工具提示内容。使用文本链接,一切都可以正常进行,尽管并不总是自动进行上下或上下的自动更改。许多浏览器的默认工具提示都会显示img src标记中靠近光标的标题声明信息,该指针靠近鼠标指针的右侧或上方,即使仅将图像的一部分悬停在上方也是如此。我最希望使用类似的默认模式。
现在我发现,Tooltipster执行img src标签的align语句,例如left,right,top,bottom或middle(如果有)。浏览器的默认工具提示将忽略该提示。
我无法运行建议的方法重新定位来固定该位置:
<script>
$(document).ready(function() {
$('.tooltip').tooltipster({ theme: 'tooltipster-light', delay: [500,0], delayTouch: [0,6000], timer: 12000, distance: 1, side: 'bottom' });
$('.tooltip').tooltipster({ functionBefore: function(instance, helper) { instance.reposition;} });
});