问题标签 [smart-wizard]

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 投票
4 回答
3571 浏览

javascript - 智能向导不加载第一步

所以我使用智能向导https://github.com/mstratman/jQuery-Smart-Wizard

我已将它包含在 js-popup 中,因此当我打开弹出窗口时,它不会显示第一步。我需要去第二步然后回去看第一步

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
600 浏览

jquery - 智能向导中的等高步进按钮

jQuery 智能向导https://github.com/mstratman/jQuery-Smart-Wizard插件已经存在好几年了,它似乎在大约 3 年前停止了开发。但是,智能向导仍然工作得很好,我还没有发现任何更新的东西。

由于没有积极的开发,作者没有讨论如何使智能向导与响应式网站一起工作。我已经能够通过将宽度设置为 100% 并在向导步骤面板中使用引导列来消除大部分障碍。

我遇到的一个绊脚石是显示在向导顶部的大步进按钮,特别是在确保在移动设备上查看时按钮的高度相同方面。我还没有使用过 flexbox,不知道这是否适用。有没有其他人解决过这个问题?

0 投票
5 回答
1605 浏览

javascript - 第一次单击后如何禁用完成按钮

我已经尝试了通常可以使用的各种方法,但 SmartWizard 似乎正在阻止这些方法起作用。

我需要禁用完成按钮并在单击后更改文本以防止多次提交。无论我将代码放在哪里,屏幕都不会改变,按钮的值不会改变,按钮也不会禁用。

我尝试了典型的点击功能......

我还尝试将其用作最后一步验证的一部分,并在 ajax 调用之前的 FinishCallback 中使用。在 ajax 调用完成并且 ajax 成功运行之后,没有任何变化。

更新

好的,这肯定是时间问题。如果我导致 ajax 调用失败,按钮会禁用并且文本会更改。在继续进行 ajax 调用之前,我需要确保这两件事发生。到目前为止,我尝试了这个,但没有奏效:

0 投票
1 回答
2748 浏览

javascript - 如何跳过 jQuery 智能向导的步骤?

我试图跳过步骤,但它不起作用。我使用这段代码:

$('#wizard').smartWizard('goToStep', 3);

在这段代码中

但我得到了圈子:

在此处输入图像描述

但如果我删除$('#wizard').smartWizard('goToStep', 3);,它工作正常。

我的错误是什么?

0 投票
1 回答
2393 浏览

javascript - JQuery SmartWizard 表单提交

所以我有一个使用Jquery SmartWizard的 Spring Boot API 项目。4 的第一步包含一个简单的表格。为了测试,我使用一个字段(ID:名字)。

单击Next向导按钮时,应执行 jquery 方法,将表单详细信息发布到数据库,然后转到Next Step向导(即 2)。

工作,ajaxPost()但向导没有移动到下一步。如果我取消注释这一行//$('#wizard').smartWizard('goForward');,那么 ajaxPost() 函数会复制数据库中的大量数据。

通过单击下一步按钮通过 ajax 功能提交表单后,如何让向导移至步骤 2。

0 投票
3 回答
2990 浏览

php - smartwizard 4中的所有步骤

我在我的应用程序的表单中包含了 smartwizard,它在插入过程中效果很好。但是,在更新期间,我想显示访问过的所有步骤,这样用户就可以直接访问他/她想要的选项卡,而不是单击下一步按钮。我怎样才能做到这一点?我知道我可能必须在主 js 文件中的_setEvents函数中进行更改,即 jquery.smartWizard.min.js,但我似乎无法弄清楚..

0 投票
1 回答
65 浏览

eclipse-plugin - 我必须在向导对话框中设置图像,类路径加载此图像,但图像无法正确显示

我必须在 swt 中的向导对话框中设置图像,类路径加载此图像但图像未正确显示。在我的设计中,在这个合成中创建一个合成,创建一个 lebel。在这个 lebel 之后我想添加一个图像。之后我将创建一个可运行的 jar。这个 jar 将使用正确的图像执行。在我的实现部分中,我在 src 文件夹中创建了一个资源(src 文件夹),并在此资源文件夹中保存了我需要的图像。请找到以下代码,

在此处输入图像描述

0 投票
1 回答
1007 浏览

javascript - 如何禁用 smartWizard 插件上的可点击锚点?

我使用这段代码,但是当我点击下一个按钮时,锚总是可以点击的。我想禁用锚点步骤导航。我怎么能做到这一点?这是我的初始化函数...

0 投票
0 回答
1039 浏览

jquery - JQuery 智能向导 onFinish 不起作用

我有表单向导的代码。

然后我有这个代码。问题是,每当我单击完成按钮时,都不会触发该功能。警报不显示。我的代码有问题吗?

0 投票
1 回答
313 浏览

ruby-on-rails - 在 Rails 应用程序中安装 SmartWizard

我在我的 Rails 5 应用程序中实现Gentelella Admin Theme 。在他们的自述文件中已经有一个示例 Gentelella Rails 5 应用程序,但它还没有 SmartWizard。但是,原始主题已经嵌入其中。我仍然想使用它,但我无法这样做。这是我尝试过的:

  1. 使用 YARN 从 npm 存储库安装smartwizard 。
  2. 更新了我的 application.js 和 application.scss
  3. 将 node_modules 添加到 assets.rb 中的资产路径

这就是我最终拥有的(裁剪图像): 在此处输入图像描述

然而,我想要的是这里

使用 Rails 5.0.4