CODEWITHSUNDEEP
javascriptjqueryjquery-uijquery-pluginsfuelux
Rohan Büchner
Rohan Büchner

Reputation: 5393

Fuel UX - Hook onto change event of wizard

According to the documentation, I should be able to hook onto the change event of the Fuel UX wizard component. But for the life of me I cant figure out how. I'm still new-ish to jquery and javascript.

Javascript I've tried the following

var wizard = $('#MyWizard');

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

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

... and a few other variations to no success.

I think I'm messing up the basics somewhere. How would i go about adding a custom event to the on change event. (as id like to only have one content area, but on the change event id like to have the server provide me with the required content to fill each wizard step)

Upvotes: 6

Views: 4074

Answers (2)

Rohan Büchner
Rohan Büchner

Reputation: 5393

I was painfully close to what I needed to do.

 var wizard = $('#MyWizard');

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

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

Upvotes: 7

Christian Reuter
Christian Reuter

Reputation: 1

First there is no myWizard just a MyWizard element. Second DIV elements have no change event. You just can add an click event to your buttons like: 

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

and then:

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

Upvotes: 0

Related Questions