当编辑器字段隐藏时隐藏 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 /活动/