我对 qTip 还很陌生,到目前为止,实施起来看起来很棒。
我正在尝试将我的联系人设置为像 gmail 一样的鼠标悬停,当您将鼠标悬停在联系人上时会显示他们的图片和特定操作。
我目前将代码动态加载,将位置目标设置为鼠标,并将隐藏设置为固定:真。
但是当我移动鼠标时,工具提示也会移动,我需要它保持静止,这样我才能点击工具提示内的操作。
这就是我到目前为止所拥有的。
$(document).ready(function(){
// Use the each() method to gain access to each of the elements attributes
$('.contact').each(function()
{
$(this).qtip(
{
content: {
method: 'GET',
url: 'testData.php',
data: {
id: 1
}
},
position: { target: 'mouse',
adjust: { screen: true, scroll: true } },
show: {
delay: 700,
solo: true
},
hide: {
fixed: true, // Make it fixed so it can be hovered over
when: 'mouseout'
},
style: {
padding: '5px 15px', // Give it some extra padding
name: 'light' // And style it with the preset dark theme
}
});
});
});
任何帮助,将不胜感激!!