Question

我的页面中有一个表单，分为3个步骤填写。对于每个步骤，字段包含在div中，该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/

隐藏编辑器字段时隐藏qTip错误消息，显示何时可见

1 个答案: