2012-05-19 4 views
0

Я хотел бы получить элемент, который вызвал всплывающее окно qtip. В документации here он позволяет вам установить положение. Я хочу установить позицию, используя селектор jquery, например $(this).find('.icon'). Проблема в том, что не является элементом, который называется qtip (я думаю, это window).Получить элемент, который называется qTip?

Кто-нибудь знает, как я могу получить дескриптор, который его назвал (например, если бы я установил цель false)?

Спасибо.

В QTIP исходного кода я нашел это: if(config.position.target === false) config.position.target = $(this);

+0

Больше информации? Нам нужен еще один ВАШЕ реальный код, а не тот, который содержится в любой документации. – HerrSerker

+0

У меня есть решение сейчас, но мне нужно подождать 6 часов, пока я не опубликую его. Завтра отправлю. –

ответ

0

Вот решение, которое я придумал, и это, кажется, работает. Вероятно, это лучший способ сделать это, если я изменил скрипт qtip, но я хочу оставить его в покое.

$(".report-error").qtip(
{ 
    content: 'test content', 
    position: 
    { 
     adjust: 
     { 
      screen: true 
     }, 
     target: false, //it is changed in the 'beforeRender' part in api section. by leaving it as false here in the qtip it will set it as the position I need using $(this) 
     corner: 
     { 
      target: 'bottomMiddle', 
      tooltip: 'topRight' 
     } 
    }, 
    show: 
    { 
     when: 
     { 
      event: 'click'  
     } 
    }, 
    style: 
    { 
     name: 'cream', 
     tip: 
     { 
      corner: 'topRight' 
     }, 
     padding: 0, 
     width: 400, 
     border: 
     { 
      radius: 5, 
      width: 0 
     } 
    }, 
    hide: 
    { 
     when: 
     { 
      event: 'unfocus' 
     } 
    }, 
    api: 
    { 
     beforeRender: function() { //get the position that qtip found with $(this) in it's script and change it using that as the start position 

      this.options.position.target = $(this.elements.target).find('.icon'); 
      this.elements.target = this.options.position.target; //update this as well. I don't actually know what it's use is 
     } 
    } 
}); 

Он сейчас работает на сайте в http://wncba.co.uk/results/

Смежные вопросы