引导程序中的分阶段捐赠表单
本杰明·莫里森
我一直在尝试在Bootstrap中创建分阶段的捐赠表单，在该表单中，您可以使用前进和后退按钮移动到同一表单的另一部分。它的顶部会有一个漂亮的指示器，表示您正在完成什么步骤。分阶段的捐赠形式可以平均提高4.8％的捐赠率，所以我真的很想拥有它。
我在网上找到了一个可以做到这一点的教程，虽然很好，但是它存在一些问题，希望有人可以帮助我解决（链接中的代码）：
1）如果将其与另一列并排放置，则在按下下一个按钮时会出现小故障，将内容向下移动一行。
2）我无法应用CSS min-height属性，并且在按下下一个按钮后，它必须保持为true。这样可以使表单的每个部分保持相同的高度，并使底部的按钮位于相同的位置。
3）它不包含用于“后退”按钮的javascript。
4）我真的不需要表单验证，因此它无用。
谢谢你们给我的任何帮助，我知道在一个问题中可以寻求很多帮助，但是JS不是我的专长，它是慈善事业的无偿服务。
1号
对于后退按钮，您需要做的是创建一个新按钮以转到上一步，并将其添加到第二步和第三步的HTML中。然后，您基本上可以复制该nextBtn功能并将其重新用于上一个按钮（但是您可以删除输入验证，因为上一个按钮不是必需的）。
这是按钮代码：
<button class="btn btn-primary prevBtn btn-lg pull-left" type="button">Back</button>
和Javascript：
allPrevBtn.click(function(){
var curStep = $(this).closest(".setup-content"),
curStepBtn = curStep.attr("id"),
prevStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().prev().children("a");
prevStepWizard.trigger('click');
});
工作实例
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在分阶段启动Rails应用程序时出错-Unicorn
- 2
人偶分阶段重启
- 3
“分阶段”将RTF加载到Winforms Richtextbox中
- 4
jOOQ中的交错/分阶段/条件SQL构建
- 5
jOOQ中的交错/分阶段/条件SQL构建
- 6
引导程序3中的表单对齐
- 7
表单未在引导程序中居中
- 8
分阶段的通用做法
- 9
分阶段的通用做法
- 10
SSL证书也在分阶段进行
- 11
在引导程序中检测阶段之前，是否可以从链中的MSI文件读取MSI属性？
- 12
Flutter中的“无法使用Gradle分发运行分阶段的构建操作...”错误
- 13
分阶段推出的Google Play商店中的“新增功能”字段是否专用于该APK？
- 14
如何从已删除的 git 工作树中恢复分阶段更改？
- 15
我如何在引导程序中垂直对齐表单？
- 16
在引导程序中调用表单选择的结果
- 17
在模式引导程序中停用表单上的弹出框
- 18
如何在引导程序中调整我的输入表单的长度
- 19
在模态引导程序中验证注册表单
- 20
引导程序 4 中的垂直对齐表单元素
- 21
自定义 django 表单模板（在引导程序中）
- 22
Phonegap Build应用程序中的Paypal捐赠按钮
- 23
分阶段将PHP转换为Django
- 24
eb deploy-分阶段使用
- 25
分阶段编程-Jake Bolewski的演讲
- 26
Google Play分阶段发布分发组
- 27
如何分阶段创建zip文件？
- 28
在Mac上撤消Mercurial的分阶段更改
- 29
分阶段推广到100％时，应用程序不在开发者控制台上更新
我来说两句