Загрузка jQuery qTip-код динамически

Question

Для приложения, которое я пишу, мне нужно динамически загружать контент в DIV при отправке формы.

Это динамически загружаемое содержимое требует нескольких всплывающих подсказок, которые будут отображаться автоматически во время загрузки (нет необходимости в событии для его запуска). Я выбрал qTip, потому что у него есть параметры для этого, в отличие от большинства других всплывающих подсказок, которые мне нужны, для чего требуется вызвать подсказку (например, onmouseover).

Это QTIP код, используемый для достижения этой цели:

 
$(function(){ 
    $('#someelement').qtip({ 
     content: 'This is the message!', 
     show: { ready: true, when: false }, 
     hide: { false }, 
     position: { 
      corner: { 
       target: 'topLeft', 
       tooltip: 'bottomRight' 
      } 
     }, 
     style: { 
         ............ styling code here................ 
      } 
     } 
    }) 
}); 

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

Однако всплывающая подсказка не появляется, если я динамически загружаю этот код вместе с содержимым.

Содержимое загружается с использованием прекрасной формы Malsup и таконитовых плагинов.

Любые идеи были бы высоко оценены!

Конечно, если вы знаете другой метод или плагин, который я мог бы использовать для достижения такого же эффекта, не стесняйтесь предлагать его. :)

Answer 1

У меня была эта проблема раньше, и именно так я ее решил. Поместите код плагина в отдельную функцию и вызвать что документ готовый:

$(function(){ 
    loadQtip(); 
}); 

function loadQtip() { 
    $('#someelement').qtip({ 
     content: 'This is the message!', 
     show: { ready: true, when: false }, 
     hide: { false }, 
     position: { 
      corner: { 
       target: 'topLeft', 
       tooltip: 'bottomRight' 
      } 
     }, 
     style: { 
         ............ styling code here................ 
      } 
     } 
    }) 
} 

Тогда при добавлении новых данных снова вызовите функцию:

... 
complete: function() { 
    loadQtip(); 
} 

Вы найдете такие события, как мыши , изменение и т. д. Метод .live() работает, но когда ваш параметр плагина для элемента не является постоянным методом.