问题标签 [jquery-steps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3096 浏览

jquery - 覆盖默认的 jquery-steps 错误消息

我确定我只是忽略了一些简单的事情......但我想在 jQuery-steps 表单验证中的无效输入项(例如文本框)旁边显示文本错误消息。基于 Jquery-steps 的代码,在这里

从我一直在阅读的内容来看,这应该可以解决问题:

但是验证只是忽略了这一点,只是将 'class="error"' 添加到无效项目中,而不是附加标签或 div (等)来显示消息。

我错过了什么?

0 投票
3 回答
12309 浏览

jquery - 在 onfinish 事件 jquery.steps 后禁用完成按钮

我使用 jquery.steps 但在按下完成按钮后我无法禁用它。

这是我对组件的初始化:

因此,当我按下完成时,它会进入该功能,但我还需要它来禁用完成按钮,这样用户就不会多次单击它。

任何帮助表示赞赏

0 投票
1 回答
1410 浏览

jquery - Jquery 步骤:根据选择添加新选项卡

我正在使用 jquery 步骤从 mysite 上的用户那里收集一些表单数据,但是在弄清楚如何根据用户选择的结果添加新选项卡时遇到了一些困难

形式:

我希望根据选择输入的值显示一个附加选项卡。在看到这个答案之前,我试图在正文而不是脚本中执行此操作。现在我很困惑,我认为我离解决方案越来越远了。

这是我的脚本:

正如您可能知道的那样,我没有太多 jquery 经验。在此先感谢您的帮助。

编辑:我可能应该补充一点,该向导的格式正确,但它当前没有添加新选项卡或通过单击“下一步”推进。

0 投票
1 回答
178 浏览

jquery - jquery-steps 内容有限制吗?

我正在使用 jquery 步骤向用户显示表单,但我遇到了 content 属性的一些奇怪问题。

如果我" "在一行代码中同时拥有这两个步骤,那么这些步骤将起作用。

但是,如果我"通过添加另一个输入字段将结束移动到另一行,则不会呈现这些步骤。

所以这有效:

这不会:

内容是否需要全部放在一行上还是我做错了什么?TIA

0 投票
1 回答
890 浏览

javascript - 使用 jQuery 步骤获取设置问题

我正在尝试实现jQuery 步骤插件,我从一些基本的 html 和表单开始,但我无法运行步骤。我也检查了控制台,但没有错误。

我在我的 HTML 中设置这个例子:http://www.jquery-steps.com/Examples#basic-form

我的脚本代码:

我的 JSFiddle:http: //jsfiddle.net/6Zd5u/26/

需要你的帮助。

谢谢。

0 投票
2 回答
6193 浏览

jquery-steps - JQuery-Steps:如何为每个步骤自定义下一步按钮?

我正在使用 JQuery Steps,效果很好。但我无法弄清楚如何更改“下一步”按钮上的文本,以便每个步骤都不同。有没有办法做到这一点,也许在 onStepChanged 方法内?

0 投票
5 回答
5774 浏览

javascript - jquery-steps 进入 angularjs 指令

我正在研究我的第一个 angularjs 指令。我希望将 jquery-steps ( https://github.com/rstaib/jquery-steps ) 包装成一个指令。当我尝试将步骤内容中的输入或表达式绑定到它们未绑定的控制器模型时,我的问题就出现了。我所拥有的示例代码如下。

html看起来如下

步骤 1 中内容的输出为 Name: {{user.name}}

我仍然是角度的初学者,所以我似乎无法理解为什么内容区域没有附加范围或模型。任何能让我走上正轨的提示或线索都会非常有帮助!

编辑:我添加了一个 plnkr 来展示我尝试过的内容。http://plnkr.co/edit/y60yZI0oBjW99bBgS7Xd

0 投票
1 回答
7306 浏览

jquery-steps - JQuery Steps:如何禁用步骤?

我正在使用非常棒的 JQuery Steps。但事实证明有些事情很棘手。

假设我在第 2 步。根据我在表单中选择的内容,我可能希望在单击“下一步”时直接跳到第 4 步,并进一步禁用第 3 步的锚点。第 3 步锚点仍应出现在步骤列表中,它应该只是灰显并禁用。

我似乎无法让它发挥作用。JQuery Steps 大师有什么建议吗?

我在 onStepChanged 中尝试了以下几种变体:

并应用了我认为合适的 CSS:

.wizard>.steps a .disabled,.wizard>.steps a:hover .disabled,.wizard>.steps a:active .disabled,.wizard>.steps a:visited .disabled { color: #777; 光标:默认 }

但这似乎没有奏效。不仅仅是 CSS 似乎不起作用,该步骤似乎仍然被启用。在 Chrome 调试器中,一切看起来都正常,但运行不正常。我显然很困惑。

0 投票
2 回答
2248 浏览

jquery - CSS样式步骤

我正在使用带有引导程序的 Jquery 步骤。我创建了自定义 CSS 来设置步骤列表的样式。

我的CSS是

而且,我的部分步骤列表,

1)

2)

在这里,第一个工作正常。但是第二个由于<br/>in打破了样式Review<br/> Contributors。请看我的小提琴。我想要做的是,如果文本长度太长,我想用相同的样式打破文本。怎么做?我已经尝试过使用display:table属性。但它不起作用。

我已经习惯<br/>了缩小尺寸。但我需要与 1) 相同的结果。我是否需要使用任何其他代替<br/>

0 投票
0 回答
598 浏览

jquery - 将 jquery steps 插件与 rails 集成

我正在 Rails 中构建一个多步骤表单。我选择走 jquery 路线并使用jquery-steps 插件。表格没有被分成两种不同的表格——表格只是放在一起在一页上。jquery-steps 插件正在页面上生成上一个和下一个按钮。我使用 fieldset 作为 bodyTag 和 h2 作为 headerTag。当我使用 chrome 开发人员工具在 div 上调用 steps() 时,向导插件似乎正在加载。尽管下面的代码在向导 div 中显示了很多 div,但即使我删除了它们,我仍然会遇到同样的问题。