ручная настройка положения на всплывающей подсказке qtip (не работает) - PullRequest
Новая
       6

ручная настройка положения на всплывающей подсказке qtip (не работает)

5 голосов
/ 14 мая 2011 
 $('#nav a[href][title]').qtip({
      content: {
         text: false // Use each elements title attribute
      },
      position: {
     corner: {
        target: 'topLeft',
        tooltip: 'middleRight'
                }
                },
     style: {
       name: 'dark',
       width: 230,
       padding: 3,
       bottom: 10,
       textAlign: 'center'
      }
 // Give it some style
   });

Я хотел бы смоделировать: css: position: относительный; bottom: 10px, чтобы подсказка была выровнена по вертикали (см. Изображение) с целью, но я не могу сделать это

enter image description here

пытается вот так 

$('#nav a[href][title]').qtip({
      content: {
         text: false // Use each elements title attribute
      },
      position: {
     corner: {
        target: 'topLeft',
        tooltip: 'middleRight'
                }
                },
     style: {
       name: 'dark',
       width: 230,
       padding: 3,
       position: 'relative',
       bottom: 10,
       textAlign: 'center'
      }
 // Give it some style
   });

Но текст подсказки перемещается, а не сама подсказка,

как я могу это сделать?

EDIT

пробует свойство 'Adjust', но есть синтаксическая ошибка, которую я не могу найти 

$('#nav a[href][title]').qtip({
      content: {
         text: false // Use each elements title attribute
      },
      position: {

      adjust: {
              x: 10px,
              y: 10px
       },

     corner: {
               target: 'topLeft',
               tooltip: 'middleRight'
                }
     },
     style: {
       name: 'dark',
       width: 230,
       padding: 3,
       textAlign: 'center'
      },
 // Give it some style
   });

1 Ответ

14 голосов
/ 14 мая 2011

Вы можете использовать свойство «настроить» группы свойств «позиция» следующим образом: 

position: {
    corner: {
        target: 'topLeft',
        tooltip: 'middleRight'
        },
    adjust: {
        x: 10,
        y: 10
        }
    }

Числа, которые я указал, являются произвольными. Вы можете играть с ними в нужное положение.

...