How to enable disabled tabs in the download wizard

Question

I am using the download wizard on my website. When loading the page, I wanted to disable all nav tabs and click the next button to turn on the Nav tab.

I used the code below to enable and disable the nav tabs, the nav tabs are disabled, but when you click on the tabs, the container of that particular tab is displayed

// Disable step
$('#disable-step').on('click', function() {
    $('#rootwizard').bootstrapWizard('disable', $('#stepid').val());
});
// Enable step
$('#enable-step').on('click', function() {
    $('#rootwizard').bootstrapWizard('enable', $('#stepid').val());
});

I used this code to disable the nav tabs, it works, but as soon as I clicked the next button, it will not be able to return to step

$('#rootwizard').bootstrapWizard({
    onTabClick: function(tab, navigation, index) {
        alert('on tab click disabled');
        return false;
    }
});

I need to enable the nav tab of this particular next button.