javascript - Jquery SmartWizard 添加额外按钮
问题描述
试过的代码:
我已经添加了工具栏部分代码..仍然无法正常工作。有人可以帮我吗?
$('#wizard').smartWizard({
transitionEffect: 'slide',
keyNavigation: false,
onLeaveStep:leaveAStepCallback,
onShowStep:showAStepCallBack,
labelNext:'Save',
labelPrevious:'Back',
labelFinish:'Finish',
enableFinishButton: true,
selected: 0,
// step bar options
toolbarSettings: {
toolbarPosition: 'bottom', // none, top, bottom, both
toolbarButtonPosition: 'left', // left, right
showNextButton: false, // show/hide a Next button
showPreviousButton: true, // show/hide a Previous button
toolbarExtraButtons: ['NextBtn']
},
});
预期产出
我正在尝试在“下一步”按钮附近再添加一个按钮。
解决方案
如果有人有同样的问题,试试这个方法:
$('#smartwizard').smartWizard({
toolbarSettings: {
toolbarExtraButtons: [
$('<button></button>').text('Finish')
.addClass('btn btn-info')
.on('click', function(){
alert('Finish button click');
}),
$('<button></button>').text('Cancel')
.addClass('btn btn-danger')
.on('click', function(){
alert('Cancel button click');
})
]
},
});
推荐阅读
- php - 比较两个数组并根据其值 php 执行一些操作
- javascript - 将返回值导出到 Node.js 中的其他文件
- service - 看不到添加到 Prometheus Operator 服务监视器的目标
- python - pandas.Series.drop 不适合我
- python - 如何获得熊猫的滞后月平均值
- python - 在 TSP(Miller、Tucker、Zemlin)中实施顺序公式
- tensorflow2.0 - “黑客的贝叶斯方法” jupyter notebook 不工作
- firebase - 有没有办法从最近上传的 Firebase 中获取数据?
- java - 以编程方式创建复合过滤器以在 log4j 2 中定义多个过滤器
- javascript - SQLSTATE [23000]:完整性约束违规:1052 列“created_at”在 order 子句中不明确 Laravel 8