2010-09-01 37 views
0

我是相当新的qTip,到目前为止,事情看起来真棒实施。像Gmail联系人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 
     } 

     }); 
    }); 

}); 

任何帮助将不胜感激!

回答

0

发现了它,我不得不补充的是:

position: { 
    target: 'mouse', 
    adjust: { screen: true, scroll: true, mouse: false } 
},