隐藏编辑器字段时隐藏提示错误信息，可见时显示

Question

我在我的页面上有一个表单，用3个步骤填写。对于每个步骤，字段都包含在分组该步骤元素的div中。当用户移动到下一步时，我隐藏该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();
          }
     }});

这对我有用。检查父项的可见性，并决定据此停止show事件。Qtip2提供了许多可以取消的事件，就像这个事件一样。

查看这里的文档:http://craigsworks.com/projects/qtip2/docs/api/events/