2010-09-01 36 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 } 
},