Скрыть сообщение об ошибке qTip, когда поле редактора скрыто, показывать при отображении

Question

На моей странице есть форма, которая заполняется в 3 этапа.Для каждого шага поля содержатся в элементе div, объединяющем элементы этого шага.Когда пользователь переходит к следующему шагу, я скрываю этот div и показываю следующий.После последнего шага пользователи подтверждают данные и отправляют их.На этом этапе начинается проверка, проверяя ВСЕ поля в форме (каждого шага).

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

Вопрос: Как я могу сделать qTip видимым только тогда, когда поле видно, и скрыть, когда его нет?

Сгенерированный qTip имеет внутренний элемент htmlFor="name-of-field", так что я думаю, что яможет использовать это для связи каждого qTip с его генерирующим полем.Но как заставить его скрыть / показать с полем, когда каждый шаг div скрыт / показан?

Answer 1

Только что нашел это сегодня

 $(el).qtip({events: {
 show: function (event, api) {
      if (api.elements.target.is(':hidden')) {
           event.preventDefault();
          }
     }});

Это сработало для меня.Проверка видимости родительского элемента и решение остановить событие шоу в зависимости от этого.Qtip2 предоставляет ряд событий, которые можно отменить, как этот.

См. Документы здесь: http://craigsworks.com/projects/qtip2/docs/api/events/