问题标签 [twitter-bootstrap-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 投票
1 回答
459 浏览

javascript - Bootstrap-Wizard:onPrevious 不使用 if 索引?

我在我的一个应用程序中使用引导向导,但我注意到当我尝试使用选项卡的索引位置来实现某个目标时,它只能使用下一个按钮,而不是上一个按钮。onPrevious 作品,只是不会进入 if 语句。

我的目标是特定于第二个选项卡上一个按钮,但尽管代码与 onNext 女巫完全一样,但它根本无法正常工作。有任何想法吗?

0 投票
1 回答
255 浏览

php - BootstrapWizard 上的验证

我在这里有一个标签player_namelevel一个下一步按钮。

下一个按钮用于更改以下选项卡。

如何在选项卡内输入为空的地方实现验证,下一个按钮不应该工作。我在想这样的事情

我在哪里以及如何实现这一点?

0 投票
0 回答
893 浏览

javascript - 禁用引导选项卡而不破坏向导中的分页

出于某种原因,我需要禁用twitter-bootstrap-wizard中的标签点击。

是否可以在不破坏向导的情况下禁用引导向导选项卡单击和光标指针?

启用选项卡的向导:

当前的解决方法

这会禁用对选项卡的点击,但附加了cursor: pointer点击事件侦听器。

我的尝试

获得所需的选项卡行为,但向导已损坏

是否可以像我的尝试一样禁用选项卡但使用工作向导?

PS:与这个问题特别相关

0 投票
1 回答
260 浏览

javascript - 以向导形式传递数据而不在 MVC 中回发

抱歉有任何错误。我是 MVC 的新手。我想在单个视图中将数据从一个向导表单传递到另一个。下面是我的控制器端代码,它返回要查看的列表。在视图中有一个向导表单,我在其中更新列表中的某些字段,在下一个按钮上,我想将所有更改的数据传递给表中的下一个向导表单。

下面是我的视图侧代码

下面是我的jQuery代码。

我想循环 #tblPurchaseOrders 的所有行,并希望将所有行追加到数量大于 0 的 #tbOrderDetail。

0 投票
3 回答
891 浏览

javascript - 使用jQuery在html表td中的特定输入字段上显示错误

我试图突出显示 html table td 中的输入字段。我正在循环 html 表,但如果输入字段中的数量为 0,则无法突出显示输入字段。我尝试过的如下。

下面是我的 jquery 代码,我在其中循环 html 表并希望突出显示 html 表 td 中的输入字段。

0 投票
1 回答
512 浏览

javascript - Twitter 引导向导 TypeError:容器未定义

使用 twitter 引导向导单击“下一个”V 形时,我在控制台中收到“TypeError:容器未定义”错误。尽管出现错误,向导仍会显示下一个选项卡。是什么导致了这个错误?

Firefox 59.0.2 控制台错误: Twitter 向导的控制台错误

bootstrap.js:3768:

twitter 向导 2 的控制台错误

小提琴:https ://jsfiddle.net/dlo33/8hw5t4j8

JS

chrome 66.0.3359.139 中的小提琴错误: 小提琴错误

0 投票
1 回答
251 浏览

javascript - 引导向导问题

我正在尝试使用 twitter 引导向导(http://vinceg.github.io/twitter-bootstrap-wizard/),并且由于某种原因,当第一个选项卡/药丸下一个按钮显示它已被禁用时。当我点击它时,该按钮确实有效,但它似乎没有完全激活。

这是我看到的功能的视频。You will notice that when the tab first opens tab 1 is selected. 进度条为 0%,下一个按钮显示为禁用。当我单击下一步时,它会移动到下一个选项卡。当我返回到第一个选项卡时,进度条具有正确的选项卡 1 宽度,现在选项卡 1 的下一个按钮不再被禁用。理想情况下,我希望这个功能从一开始就起作用。

YouTube 视频: https ://youtu.be/zq9yCCUJQ68

HTML:

JS

0 投票
0 回答
758 浏览

bootstrap-modal - 引导向导在引导模式或 jquery-ui 对话框中不起作用

现在坚持了很长一段时间,我正在尝试使用 twitter 引导向导(http://vinceg.github.io/twitter-bootstrap-wizard/)创建一个表单向导,该向导显示在模式窗口内的按钮单击上。这似乎对我不起作用。

该向导是使用 ajax 调用动态创建的,该调用返回向导的 html。我还尝试使用jQuery Steps插件,该插件在模态窗口中也无法正常工作。我尝试了两种方法:

  1. 在 jquery-ui 对话框中附加向导 html。- 这里jquery 步骤插件方法.steps()无法创建向导,而是呈现平面 html 而不是向导。

  2. 在引导向导中附加向导 html - 选项卡被创建为链接,但单击任一选项卡导航到localhost:port//#tab1

这是我的代码片段:

引导向导

模态窗口

Javascript

0 投票
2 回答
2271 浏览

javascript - 模态打开后如何执行功能?

我在模态中添加了一个,并且我只需要在它实际存在时才Bootstrap Wizard初始化它,因为如果我执行,当模态关闭时我必须计算:WizardDOMwidth

我得到:0,当模态打开时,如果我执行上面的相同命令,我得到 465。问题是我必须计算width模态打开之后的时间,否则该width()方法将返回 0。

到目前为止我尝试的是:

该选项卡以这种方式定义:

并且向导包含在member-modal使用$('#member-modal').modal('show');

有没有办法BootStrap Wizard在模态显示之后初始化?

0 投票
1 回答
668 浏览

jquery - 每次无法验证单个选项卡

我已经使用创建了一个向导BootstrapWizard,但我需要在保存输入之前验证输入。在我填写第一个选项卡的那一刻,我实际上无法转到下一个选项卡,因为该valid()方法将返回 false。

valid()方法的结果是正确的,因为其他选项卡上还有其他输入,但我无权访问该选项卡控件,因为我在第一个选项卡上。

为了澄清,我创建了一个提琴手

本质上,当您填写第一个选项卡,然后单击下一个按钮时,您将收到false来自valid(),因为未填写下一个选项卡中存在的所需控件,但我无法填写它。

有没有办法解决这个问题?

代码: