javascript - bootstrap - Fuel UX-Enganche al evento de cambio de asistente

fuelux wizard

Question

De acuerdo con la documentación , debería poder conectarme al evento de cambio del componente del asistente Fuel UX. Pero por mi vida no puedo entender cómo. Todavía soy nuevo-ish to jquery y javascript.

Javascript He intentado lo siguiente

var wizard = $(''#MyWizard'');

wizard.on(''change'', ''.wizard'', function () {
    alert(''OH SNAP!'');
});

wizard.wizard().on(''change'', function () {
    alert(''OH SNAP!'');
});

... y algunas otras variaciones sin éxito.

Creo que estoy estropeando lo básico en alguna parte. ¿Cómo podría agregar un evento personalizado al evento de cambio? (como id, me gustaría tener solo un área de contenido, pero en la identificación del evento de cambio me gustaría que el servidor me proporcione el contenido requerido para completar cada paso del asistente)

Answer 1

Primero, no hay myWizard simplemente como elemento MyWizard. Los segundos elementos de DIV no tienen evento de cambio. Solo puede agregar un evento de clic a sus botones como:

<button class="btn btn-mini btn-prev" disabled="disabled" id="prev"><div class="icon-arrow-left"></div>Prev</button>

y entonces:

$(''#prev'').click(function () { alert(''OH SNAP!''); });

Answer 2

Estaba muy cerca de lo que tenía que hacer.

 var wizard = $(''#MyWizard'');

 wizard.on(''change'', function (e, data) {
      console.log(''change'');      
 });

 wizard.on(''changed'', function (e, data) {
      console.log(''changed'');
 });