q Подсказка при наведении курсора, как у контактов gMail - PullRequest
Новая
       24

q Подсказка при наведении курсора, как у контактов gMail

0 голосов
/ 01 сентября 2010

Я довольно новичок в qTip, и пока что все выглядит потрясающе для реализации.

Я пытаюсь настроить мои контакты так, чтобы при наведении мышки, как в gmail, когда вы наводите курсор мыши на контакт, отображается их изображение и характерactions.

В настоящее время у меня динамически загружается код с целевым значением позиции, установленным для мыши, и для параметра hide установлено фиксированное значение: true.

Но когда я перемещаю мышь, подсказка также перемещается,и мне нужно, чтобы он стоял на месте, чтобы я мог нажимать на действия внутри всплывающей подсказки.

Это то, что я имею до сих пор. 

$(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
         }

      });
   });

});

Любая помощь будет оценена !!

1 Ответ

0 голосов
/ 01 сентября 2010

Нашел, все, что мне нужно было добавить, это: 

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