Javascript JQuery表单向导-带链接的完成按钮

我似乎无法将Flask应用程序中Jquery表单向导上的finish按钮链接到链接。我尝试创建一个简单的警报来测试功能，但我甚至无法得到它

我肯定我在某个地方遗漏了一步，但我似乎无法找到问题所在

HTML:

你觉得我做错了什么吗？

==编辑== 我造了一支新钢笔给你看看

我成功添加了finish按钮并调用了alerf。。这段代码肯定有效

// define FINISH BUTTON
var btnFinish = $('<button></button>').text('Finish').addClass('btn btn-info btn-fnsh');

// Smart Wizard
$('#smartwizard').smartWizard({
    selected: 0,
    theme: 'default',
    transitionEffect: 'fade',
    showStepURLhash: true,
    toolbarSettings: {
        toolbarPosition: 'both',
        toolbarExtraButtons: [btnFinish]
    }
});

// define a action for finish btn
$('.btn-fnsh').on('click', function(){
    alert('Finish clicked!')
})

//定义完成按钮
var btnFinish=$（''）.text（'Finish'）.addClass（'btn btn info btn fnsh'）；
//智能向导
$（'#smartwizard'）。smartwizard({
已选择：0，
主题：'默认'，
过渡效果：“褪色”，
showStepURLhash：对，
工具栏设置：{
工具栏位置：'两个'，
工具栏外部按钮：[btnFinish]
}
});
//定义完成btn的操作
$（'.btn fnsh'）。在（'click'，function（）上{
警报（'单击完成！'）
})

运气不好。将其添加到步骤不会在单击时激活按钮。我已编辑了我的答案，您将看到，您需要先为按钮定义html，然后通过

工具栏ExtraButtons

链接它，然后在范围之外为其定义操作。@ashap您是否有机会签出新代码？抱歉，耽搁了。是的，代码有效。现在的问题是“完成”按钮现在在每一步都处于启用状态。如何将disable方法合并到代码中，以便在除最后一步之外的每个步骤上禁用finish按钮？这是一个单独的问题，我为您构建了一个

警报

回调，就像您的问题所说的那样

   onFinish: function () { alert("Finish Clicked!") }, // triggers when Finish button is clicked

// define FINISH BUTTON
var btnFinish = $('<button></button>').text('Finish').addClass('btn btn-info btn-fnsh');

// Smart Wizard
$('#smartwizard').smartWizard({
    selected: 0,
    theme: 'default',
    transitionEffect: 'fade',
    showStepURLhash: true,
    toolbarSettings: {
        toolbarPosition: 'both',
        toolbarExtraButtons: [btnFinish]
    }
});

// define a action for finish btn
$('.btn-fnsh').on('click', function(){
    alert('Finish clicked!')
})