Question

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

我确定我在某个地方错过了一步，但我似乎无法追查问题。

HTML：

       <script src="../static/jQuery-Smart-Wizard/js/jquery.smartWizard.js"></script>

      <script type="text/javascript">
                    $(document).ready(function(){
                        // Smart Wizard
                        $('#wizard').smartWizard();
                        //$('#range').colResizable();

                        function onFinishCallback(){
                            $('#wizard').smartWizard('showMessage','Finish Clicked');
                        }
                    });
                    </script>

jquery.smartWizard.js：

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

对我在这里做错了什么的想法？

Answer 1

== EDIT == 我已经为你制作了新的笔来检查它，

http://codepen.io/mkdizajn/pen/YZmEWZ?editors=1010

我成功添加了完成按钮并在其上调用了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!')
})

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

1 个答案: