0

我的页面中有一个表格，分 3 步填写。对于每个步骤，字段都包含在一个 div 中，该 div 将该步骤的元素组合在一起。当用户移动到下一步时，我隐藏该 div 并显示下一个。在最后一步之后，用户确认数据并提交。此时，验证开始，验证表单中的所有字段（每一步）。

我正在使用浮动 qTips 来显示验证失败字段的错误注释。我的问题是，当失败的字段不可见时，提示显示位置混乱，当它变得可见时，它会在整个屏幕上跳到正确的位置。

问题：如何让 qTip 仅在字段可见时可见，而在字段不可见时隐藏？

生成的 qTip 有一个内部元素htmlFor="name-of-field"，所以我想我可以使用它来将每个 qTip 与其生成字段相关联。但是，当隐藏/显示每个步骤 div 时，如何让它与字段一起隐藏/显示？

4

1 回答 1

0

今天才发现这个

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

这对我有用。检查父项的可见性并决定停止显示事件。Qtip2 提供了许多可以像这样取消的事件。

请参阅此处的文档：http: //craigsworks.com/projects/qtip2/docs/api/events/

于 2012-06-01T15:11:06.767 回答