0

我对 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
         }

      });
   });

});

任何帮助,将不胜感激!!

4

1 回答 1

0

找到了,我要补充的是:

position: { 
   target: 'mouse', 
   adjust: { screen: true, scroll: true, mouse: false } 
},
于 2010-09-01T16:00:30.750 回答