JQuery 表单向导插件 - Chrome 不隐藏之前的步骤答案

【问题标题】：JQuery Form Wizard Plugin - Chrome does not hide previous stepsJQuery 表单向导插件 - Chrome 不隐藏之前的步骤
【发布时间】：2012-04-06 15:27:14
【问题描述】：

我有一个可与 Firefox 配合使用的表单（使用来自 thecodemine.org 的 JQuery 插件表单向导）。在 Firefox 中，当您点击“下一步”时，它会隐藏上一步并显示下一步。在 Chrome 中，它不会隐藏上一步。 Chrome 不会给出任何 Javascript 错误。

这不是 Chrome 和表单向导的一般问题。这是一个特定于我的实现的。

我为你创建了一个测试表单来检查这个错误：http://www.energyjustice.net/map/test2.html

我正在使用 Jquery UI 1.8.7 和 Form Wizard 3.0.5。

【问题讨论】：

我猜这是outAnimation: { position: "absolute", visibility: "visible", display: "block" },中的visible值
我认为这没有任何影响。我认为 outAnimation 是指步骤的淡出。我试着让它“隐藏”而不受影响。我的猜测是 div 和表格存在 html 问题。但我真的不知道。
看起来我需要为每个步骤使用
而不是。

【解决方案1】：

我遇到了同样的问题，每一步都使用。看起来它必须是一个块元素，添加style="display:block;" 来解决我的问题。

【讨论】：

【解决方案2】：

确实，添加

.step {
  display: block;
}

我的 css 使它在 chrome 中工作。

【讨论】：