Получение текущей метки шага от Fuelux Wizard

Question

Я создаю мастер fuelux динамически

Мой код выглядит так:

var CutRoadArray = [ 
      ['Location', '_Location'], 
      ['Applicant Info', '_ApplicantInfo'], 
      ['Details', '_ApplicationDetails'], 
      ['Bond Info', '_BondInfo'], 
      ['Attachments', '_Attachments'], 
      ['Review', '_ReviewA'] 
     ]; 

    function AddStepToWizard(labelname, partialviewname) { 
      $("#ApplicationWizard").wizard("addSteps", 0, [ 
       { 
        label: labelname, 
        pane: '<div partial-view-name="' + partialviewname + '" class="dynamicTabs"></div>' 
       } 
      ]); 
     } 

Это работает просто отлично, однако сам массив является динамическим и шаги могут быть в разных порядках, исходя из выбора, сделанного на этом пути. Я хочу нажать определенную функцию, когда пользователь перейдет в панель с помощью кнопки «назад» или «вперед». Я могу подключиться к

$('#MyWizard').on('stepclick', function(e, data) { 

Я имею в виду как-то проверить, если панель равна значению, например, «местонахождение», то я буду стрелять функцию. Но я не могу получить доступ к этому тексту.

Любые идеи будут высоко оценены.

Answer 1

немного Hacky, но это работает

https://jsfiddle.net/qct3sdr1/2/

$('#myWizard').on('actionclicked.fu.wizard', function (evt, data) { 
    var index = data.step; 
    if(data.direction === 'next') 
     index += 1; 
    else 
     index -= 1; 
    var label = $('li[data-step="'+index+'"]').data('name'); 
    console.log("this is the current step label", label); 
});