Question

中添加额外的按钮

尝试代码：

我已经添加了工具栏的部分代码。.仍然无法正常工作。有人可以帮我吗？

$('#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']
        }, 
        });

预期产量

我正在尝试在“下一步”按钮附近添加一个按钮。

Answer 1

如果有人遇到相同的问题，请尝试以下方法：

    $('#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');                            
                            })
            ]
        },
    });

Answer 2

在document.ready（）函数中，您可以添加额外的按钮，例如：

17-Aug-2018 10:24:26.047 INFO [main] org.apache.catalina.startup.HostConfig.deployDirectory Deploying web application directory [/var/www/mysite/target/web/ROOT]

您可以提供您的班级和ID，以便您可以在单击按钮时调用任何函数。

jQuery SmartWizard添加额外的按钮

2 个答案: